博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html 选择图片后马上展示出来
阅读量:5303 次
发布时间:2019-06-14

本文共 1411 字,大约阅读时间需要 4 分钟。

document.getElementById('file4').onchange = function(evt) {        // 如果浏览器不支持FileReader,则不处理        if (!window.FileReader) return;        var files = evt.target.files;        for (var i = 0, f; f = files[i]; i++) {            if (!f.type.match('image.*')) {                continue;            }            var reader = new FileReader();            reader.onload = (function(theFile) {                return function(e) {                    // img 元素                    document.getElementById('pic4').src = e.target.result;                };            })(f);            reader.readAsDataURL(f);        }    }

 jquery方法

$('.yyzz_a input').change(function(evt){            // 如果浏览器不支持FileReader,则不处理            if (!window.FileReader) return;            var files = evt.target.files;            for (var i = 0, f; f = files[i]; i++) {                if (!f.type.match('image.*')) {                    continue;                }                var reader = new FileReader();                var obj = $(this).parent().children('label').children('img');//$(obj).remove();                reader.onload = (function(theFile) {                    return function(e) {                        // img 元素                        $(obj).attr('src',e.target.result);                    };                })(f);                reader.readAsDataURL(f);            }        })

 

转载于:https://www.cnblogs.com/whlives/p/5147482.html

你可能感兴趣的文章
Excel-基本操作
查看>>
面对问题,如何去分析?(分析套路)
查看>>
Excel-逻辑函数
查看>>
面对问题,如何去分析?(日报问题)
查看>>
数据分析-业务知识
查看>>
nodejs vs python
查看>>
poj-1410 Intersection
查看>>
Java多线程基础(一)
查看>>
TCP粘包拆包问题
查看>>
Java中Runnable和Thread的区别
查看>>
SQL Server中利用正则表达式替换字符串
查看>>
POJ 1015 Jury Compromise(双塔dp)
查看>>
论三星输入法的好坏
查看>>
Linux 终端连接工具 XShell v6.0.01 企业便携版
查看>>
JS写一个简单日历
查看>>
LCA的两种求法
查看>>
Python 发 邮件
查看>>
mysql忘记密码的解决办法
查看>>
全面分析Java的垃圾回收机制2
查看>>
[Code Festival 2017 qual A] C: Palindromic Matrix
查看>>