本地图片预览图片不能正常显示

问题描述

本地图片预览图片不能正常显示
function showPreview(obj) { var str = obj.value; document.getElementById(""previewImg"").innerHTML = ""<img src='"" + str + ""'/>""; }

请选择图片:

功能：预览本地图片
发布到tomcat我在myeclipse里面内置的浏览器可以正常预览本地图片
但到浏览器上就不可以了，不管是IE、火狐、chrome都不行，这需要怎么解决

解决方案

找到方法了
function showPreview() {
url = window.URL.createObjectURL(document.getElementById(""myfile"").files.item(0));
document.getElementById(""previewImg"").innerHTML = """";
}

解决方案二：
图片路径不对了吧，用chrome的developer tool看看图片路径。

解决方案三：
发布网站后是有安全问题的，不允许加载本地图片（IE6可以），需要使用FileReader，你的代码在高版本浏览器下也会有问题。。发个兼容性好的给你参考
javascript客户端图片预览，兼容最新firefox，chrome和IE

相关文章

  • ckeditor-php ckfinder 图片预览
  • 预览本地图片 支持多个预览
  • jsp实现本地图片预览并保存至数据库中
  • 图片显示-本地检索到图片的绝对路径，如何在jsp页面相对路径显示？
  • 前端-关于上传图片预览的时候，图片尺寸不统一，你们都是给客户怎么样显示的呢?
  • js image-JS 通过FileSystemObject 读取本地图片，怎么显示在页面上，或者转为Base64
  • javascript-淘宝图片上传预览 删除 和恢复删除 js或jq代码 急用请务必帮忙 万分感谢
  • ftp-Response OutputStream 输出图片
  • asp.net图片批量上传求助
  • IE 上传图片不显示问题 在线等 谢谢

【云栖快讯】他，一路保送，但可能不是你想象中的学霸； 他，曾是微软最年轻的技术管理者，挑战带领跨国团队； 他，后来加入阿里，成为阿里西雅图分部的第22名员工； 他，就是阿里通用计算平台负责人关涛！ 通过短视频，为你揭晓他的成长和开发计算平台的经历，以及他对未来的展望！  详情请点击

热门推荐

  • 高性能云服务器2折起
  • 云服务器配置
  • 技术资料
  • 云计算
  • 域名
  • shell
  • node.js
  • 问答
  • java
  • mysql
  • C++
  • python
  • jQuery
  • Android
  • asp
  • PHP技巧
  • jQuery教程
  • JavaScript技巧
  • JS
  • SEO
  • sql server
  • mysql教程
  • 前端
  • 技术文集
  • 技术
  • 主题地图
  • A
  • z
  • 云服务器哪家好
  • API
  • 大数据
  • 云安全
  • 云存储
  • 云计算
  • 获取公众号授权失败
  • 兼容性疑难解答
  • path
  • stm32
  • jsonobject
  • product

前三篇

  • 记录-ADODB.Field 错误 &amp;#39;800a0bcd&amp;#39;
  • jenkins-如何判断Jenkins前处理已执行完成
  • 有关json和jsonObct的转换

后三篇

  • 求一些android连接服务器和电脑的相关书籍或者pdf之类的资料
  • crash txt-继续，我在编译了TCPMP后运行直接出错，crash.txt
  • jsp-js控制div显示隐藏问题

(yq.aliyun.com)为您免费提供本地图片预览图片不能正常显示相关信息，包括
图片预览
的信息
，所有本地图片预览图片不能正常显示相关内容均不代表的意见！
该页面h5页面的地址是：https://m.aliyun.com/yunqi/wenzhang/show_97315，您可以点击本地图片预览图片不能正常显示 -手机站访问。

时间： 2024-09-15 21:55:05

本地图片预览图片不能正常显示的相关文章

本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结_javascript技巧

最近在Web项目开发过程中遇到的本地图片预览的需求,虽然最后因为其他原因没能使用,但是也算有些了解,整理出来. 这里我们按浏览器分,主要包括IE6,IE7/8 和Firefox3, 不包含Opera,Safari和Chrome,这三个基本上需求很小,没有研究. 总结一下就是: IE6下可以直接从file的value获取图片路径来显示预览. IE7和IE8下通过select获取file的图片路径,再用滤镜来显示预览. FireFox下调用file的getAsDataURL方法获取Data URI数

jquery预览图片实现鼠标放上去显示实际大小

 本文为大家介绍的这个示例为jquery实现的预览图片,当鼠标放上去显示实际大小,感兴趣的朋友可以学习下 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xht

html5 图片上传，支持图片预览、压缩、及进度显示，兼容IE6+及标准浏览器

原文:html5 图片上传,支持图片预览.压缩.及进度显示,兼容IE6+及标准浏览器 以前写过上传组件,见 打造 html5 文件上传组件,实现进度显示及拖拽上传,兼容IE6+及其它标准浏览器,对付一般的上传没有问题,不过如果是上传图片,且需要预览的话,就力有不逮了,趁着闲暇时间,给上传组件添加了单独的图片上传UI,支持图片预览和缩放(通过调整图片的大小以实现图片压缩). 上传组件特点 轻量级,不依赖任何JS库,核心代码(Q.Uploader.js)仅约700行,min版本加起来不到12KB 纯

jsp实现本地图片预览并保存至数据库中

问题描述 jsp实现本地图片预览并保存至数据库中 预览本地图片,并把图片保存至数据库,如何实现 (是直接获取图片信息保存至数据库好还是将图片上传至服务器再将路径保存到数据库 中更好) 解决方案 参考:http://blog.csdn.net/gulijiang2008/article/details/10252219http://blog.csdn.net/dracowk/article/details/6920746 大量的图片还是直接存文件系统更好.

纯JS实现本地图片预览的方法_javascript技巧

本文实例讲述了纯JS实现本地图片预览的方法.分享给大家供大家参考.具体如下: 刚突然看到,网上已经有很多类似的代码,但没找到一个合适的.就拿自己以前写的写了一个.代码比较简洁,引用了一个我之前写的js.方法可以单独剥离出来使用,未测太多兼容.本机浏览器基本都支持(IE,FF,Chrome) index.html如下: <html> <head> <title>Test</title> <script type="text/javascript

js本地图片预览实现代码_javascript技巧

本文实例为大家分享了js本地图片预览实例,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <title></title> </head> <body> <div id="divPreview"> <img id="imgHeadPhoto" src="noperson.jpg" style="wid

jquery预览图片实现鼠标放上去显示实际大小_jquery

复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu

在Windows XP系统中调整Thumbs.db来加快图片预览速度

  Thumbs.db是Windows XP下的一个文件,不是病毒,而是一个缩略图数据库文件,它一般存在于有图片文件的文件夹中,而且其体积随着文件夹中图片文件数量的增加而增大.Thumbs.db可以为资源管理器提供缓存功能,通过这个文件可以不用打开文件本身而直接预览相应图片的内容,从而加快预览图片速度,对系统没有任何害处. 如果你不希望每个有图片的文件夹中都存在一个Thumbs.db文件,可以在任意打开的一个窗口(如在桌面上双击"我的电脑"打开我的电脑窗口),单击菜单栏的"工

微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法示例_javascript技巧

本文实例讲述了微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法.分享给大家供大家参考,具体如下: 目前中js-sdk 1.0版本中,预览图片提供了2个接口,接口的定义参考官方文档 1.预览网络图片http链接的 2.预览本地图片wenxin:// 链接的 一.预览图片接口 注: 1.预览图片接口目前只支持微信手机版 2.预览图片只支持http连接,对于weixin:// 无法预览3.预览图片的地址需要进行加密处理,尤其路径中有中文的情况下,需要使用window.encodeURI()