验证中...
语言: JavaScript
分类: JavaScript 工具
最后更新于 2018-08-10 16:27
有不懂的可以随时给我留言
原始数据 复制代码
//图片上传心得
本地获取图片预览路径的两种方式:
//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)
}
})
})

评论列表( 0 )

你可以在登录后,发表评论

搜索帮助