利用input file模拟一个图片上传

用到的知识点:

(1)标签 (点击阅读参考资料
(2)利用addEventListener()事件监听改变(点击阅读参考资料
(3)利用HTML5FileReader()中的.readAsDataURL()方法将图片url转为Base64位码(点击阅读参考资料
(4)File​Reader​.onload()方法(点击参考资料

ES5:
源码:



    
        
        input file图片上传
    
    
         
        

拓展--多图片上传

用到的知识点:

(1)formData()表单提交方法(点击阅读材料



    
        
        input file图片上传
    
    
         
        

你可能感兴趣的:(css,javascript,es5,formdata)