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)
}
})
})

}