html上传图片并显示
2015-05-29 09:21
453 查看
function loadFile() { try { //获取上传的文件 var file = document.getElementById('filemulti').files[0]; var type = file.type; type = type.substring(0, type.indexOf('/')); if (type != 'image') { Common.error("请选择一个jpg|gif|png 格式图片"); return; } var size = file.size; if (size > (100 * 1024)) { alert("图片大小不能超过100Kb"); return; } var reader = new FileReader() reader.onload = function (e) { var result = e.target.result; //将图片显示到<img>中 $("#loadFileImg").attr("src", result); } reader.readAsDataURL(file); } catch (e) { console.log(e) } }
相关文章推荐
- sql2005 附加数据库出错(错误号:5123)解决方法
- C#中File类的文件操作方法详解
- asp #include file 与 #include virtual 的区别小结第1/2页
- PHP file_exists问题杂谈
- css美化input file按钮的代码方法
- 改变文件域的样式实现思路同时兼容ie、firefox
- How to Auto Include a Javascript File
- 清理SQL Server 2008日志文件Cannot shrink log file 2 的解决方案
- Locate a File Using a File Open Dialog Box
- Save a File Using a File Save Dialog Box
- 基于java file 文件操作operate file of java的应用
- php file_put_contents()功能函数(集成了fopen、fwrite、fclose)
- PHP 得到根目录的 __FILE__ 常量
- 解析php dirname()与__FILE__常量的应用
- file_get_contents获取不到网页内容的解决方法
- sql2005 create file遇到操作系统错误5拒绝访问 错误1802
- Can’t open file:'[Table]mytable.MYI'
- js 获取、清空input type="file"的值示例代码
- PHP 的 __FILE__ 常量
- 将input file的选择的文件清空的两种解决方案