本文共 692 字，大约阅读时间需要 2 分钟。

   
    
    
    
    
        
     
    
    
    
    
图片预览
    
    
    
        
     
        
     
_this：input[file]对象
        
     
_thisNext：下一个要操作的DOM对象
        
     
cb：回调函数
    
    
    
    
    
        
            function changeImg(_this, _thisNext, cb) {
                var reader = new FileReader();
                reader.readAsDataURL(_this.files[0]);
                reader.onload = function(e) {
                    _this.nextSibling.src = e.target.result;
                    if (cb) {
                        cb(_thisNext);
                    }
                };
            }
        
    
   

技术说明：

• 该函数通过DOM事件处理，实现文件读取与图片展示功能
• 函数参数包括当前文件输入框对象(_this)、下一个需要操作的DOM对象(_thisNext)以及回调函数(cb)
• 当文件读取完成后，会自动设置下一个DOM对象的src属性
• 支持回调函数的调用，允许外部定义具体操作逻辑

转载地址：http://lohi.baihongyu.com/