js上传文件是怎样的? js上传文件


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=https://www.baikehuo.com/baike/"提交" onclick="uploadPic();"/>
<SPAn clAss="showUrl"></span>
<img src=https://www.baikehuo.com/baike/"" class="showPic" >
</form>
js部分代码为:
function uploadPic() {
【js上传文件是怎样的? js上传文件】var form = document.getElementById('upload'),
formData = https://www.baikehuo.com/baike/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);
}
})
}
以上是小编的分享,希望对大家有所帮助 。