如题所述
js上传文件是怎样的呢?下面就让我们一起来了解一下吧:
在js中实现上传文件功能一般是可以运用input完成上传,在上传时需要选择文件,选择文件之后,提交后就会出现图片url,当然需要注意的是,其传输格式大部分是采用form-data形式上传的。
参考范例:
在js中实现上传文件可使用的代码,html部分的代码为:
form id=upload enctype=multipart/form-data method=post
input type=file name=file id=pic/
input type=button value=提交 onclick=uploadPic();/
span class=showUrl/span
img referrerpolicy="no-referrer" src= class=showPic alt=
/form
js部分的代码为:
function uploadPic() {
var form = document.getElementById(upload),
formData = new FormData(form);
$.ajax({
url:https://sscpre.boe.com/v1/medical-console/medical/file/upload,
type:post,
data:formData,
processData:false,
contentType:false,
success:function(res){
if(res){
alert(上传成功!);
}
console.log(res);
$(#pic).val();
$(.showUrl).html(res);
$(.showPic).attr(src,res);
},
error:function(err){
alert(网络连接失败,稍后重试,err);
}
})
}
在js中实现上传文件功能一般是可以运用input完成上传,在上传时需要选择文件,选择文件之后,提交后就会出现图片url,当然需要注意的是,其传输格式大部分是采用form-data形式上传的。
参考范例:
在js中实现上传文件可使用的代码,html部分的代码为:
form id=upload enctype=multipart/form-data method=post
input type=file name=file id=pic/
input type=button value=提交 onclick=uploadPic();/
span class=showUrl/span
img referrerpolicy="no-referrer" src= class=showPic alt=
/form
js部分的代码为:
function uploadPic() {
var form = document.getElementById(upload),
formData = new FormData(form);
$.ajax({
url:https://sscpre.boe.com/v1/medical-console/medical/file/upload,
type:post,
data:formData,
processData:false,
contentType:false,
success:function(res){
if(res){
alert(上传成功!);
}
console.log(res);
$(#pic).val();
$(.showUrl).html(res);
$(.showPic).attr(src,res);
},
error:function(err){
alert(网络连接失败,稍后重试,err);
}
})
}
温馨提示:答案为网友推荐,仅供参考