本文共 682 字，大约阅读时间需要 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/