上传图片显示

 if (file.files && file.files[0]) {
                    var reader = new FileReader();
                    reader.onload = function(evt){
                        $("#preview img").attr("src", evt.target.result);
                    }
                reader.readAsDataURL(file.files[0]);
                } else {
                    $("#preview img").attr("src", "${staticPath}/images/system/default_img.jpg")
                }
时间: 2024-11-05 18:58:00

上传图片显示的相关文章

上传图片显示本地链接——FileReader

参考网站 FileReader - Web API 接口 | MDN DEMO 简介 使用FileReader对象,web应用程序可以异步的读取存储在用户计算机上的文件(或者原始数据缓冲)内容,可以使用File对象或者Blob对象来指定所要处理的文件或数据.其中File对象可以是来自用户在一个<input type="text" />元素上选择文件后返回的FileList对象,也可以来自拖放操作生成的 DataTransfer对象,还可以是来自在一个HTMLCanvasEl

jquery html5 file 上传图片显示图片

最近做了一个小例子,在上传用户图像时,如何在上传图片时显示图片.在网上找了很多资料也未能如愿,如是,就用jquery ,html5,实现了,由于开发是在linux 所以未能在ie下测试,在forefox,chrom下是可以的. 一.html下的代码是: <div class=' input_box' > <span class='spac' >头</span>相:<input class="input_style" id="'head

关于discuz上传图片显示附件无法保存问题。

搭建bbs和blog两个虚拟主机,blog上传图片正常,但是bbs上方传图片显示"附件无法保存". 处理方法: 1. 查看图片保存目录的所属用户及权限,如果有必要可以改为777. 2. 如果第一步无法解决,那么可以进入bbs后台,选择工具,更新缓存,然后刷新页面. 以上方法一般可以解决,但是具体情况具体分析.

部分安卓手机微信浏览器中使用XMLHttpRequest 2上传图片显示字节数为0的解决办法

前端JS中使用XMLHttpRequest 2上传图片到服务器,PC端和大部分手机上都正常,但在少部分安卓手机上上传失败,服务器上查看图片,显示字节数为0.下面是上传图片的核心代码: HTML <input type="file" id="choose" capture="camera" accept="image/*"> JavaScript var filechooser = document.getEleme

uploadify插件火狐上传图片显示302,或者是 IO,

我用的是tp框架,在用uploadify 上传图片时,IE谷歌都可以,火狐下提示302,试了很多方法,比如 ?;jsessionid="+"<%=request.getSession().getId()%> 都是不行的.有时候提示IO错误,我在.htaccess里面加 <IfModule mod_security.c> # 禁止对 POST 数据进行安全扫描,使不中断多文件上传等功能 SecFilterEngine Off SecFilterScanPOST O

app store上传图片显示错误:未能创建 屏幕快照

在iTunes Connect中添加一个app后,添加屏幕快照时,按照要求的尺寸上传照片成功,但是在保存的时候提示"未能创建Screenshots for 4-inch iPhone5 and iPod touch(5th generation)Retina display的屏幕快照".] (图片来自网络) 其实就是保存失败, 图片不适合格式. 但排除1.尺寸大小 2.图片格式jpeg/png 我上传的格式是jpeg, 像素72dpi. 解决方案: 1. 网上搜索到解决方案是虽然尺寸大

上传图片显示缩略图

<script>function veriFormat(val){ var strMrt = val.val().split(".")[val.val().split(".").length - 1]; if(strMrt){ ext = strMrt.toUpperCase(); if(ext!="BMP"&&ext!="PNG"&&ext!="GIF"&

上传图片显示预览、调用摄像头

html代码: <img id="pic" src="img/pic.png"/> </span><input id="file" type="file" accept="image/*" capture="camera"/> js代码: //选择图片后自动填充 //获取对象input file 的图片地址,放进img $("#file&qu

html5异步上传图片显示上传文件进度条

<html> <head> </head> <body> <p> emo_album_id:<input type="text" name="emo_album_id" id="emo_album_id" value='1'> </p> <p> name:<input type="text" name="title&