upload

图片上传心得
本地获取图片预览路径的两种方式：
1.该方法获取到的文件路径是http格式的

url = URL.createObjectURL(file);

 

2.该方法获取的文件路径是base64

reader = new FileReader(); reader.readAsDataUrl(file); reader.onload = function(e){ console.log(e.target.result) }

 

上传：用的是FormData+Ajax
如果需要图文一起上传

var fromData = new FormData($('form')[0])//form为表单 $.ajax({ url:'', type:'POST', data:formData, contentType:false, processData:false, success:function(res){ console.log(res) } })

 

多图上传

var formData = new FormData(),urls=[];//urls预览图片路径集合 $(input[type='file']).change(function(e){ for(var i=0;i<e.target.files.length;i++){ var url = URL.createObjectURL(e.target.files[i]); urls.push(url)； formData.append('file',e.target.files[i]);

 

上传中如果需要携带参数则：

formData.append('文件名'，'上传值')； } $.ajax({ url:'', type:'POST', data:formData, contentType:false, processData:false, success:function(res){ console.log(res) } }) })

 

 

转载请标明出处:upload

文章来源: upload