js上传文件 js上传文件

在js中实现上传文件功能一般是可以运用input完成上传，在上传时需要选择文件，选择文件之后，提交后就会出现图片url，当然需要注意的是，其传输格式大部分是采用form-data形式上传的。js上传文件是怎样的呢？下面就让我们一起来了解一下吧：
在js中实现上传文件功能一般是可以运用input完成上传，在上传时需要选择文件，选择文件之后，提交后就会出现图片url，当然需要注意的是，其传输格式大部分是采用form-data形式上传的。
参考范例：

在js中实现上传文件可使用的代码，html部分的代码为：
<form id="upload" enctype="multipart/form-data" method="post">
<input type="file" name="file" id="pic"/>
【js上传文件 js上传文件】 <input type="button" value=https://tazarkount.com/read/"提交" onclick="uploadPic();"/>
<span class="showUrl"></span>
<img src=https://tazarkount.com/read/"" class="showPic" >
</form>
js部分的代码为：
function uploadPic() {
var form = document.getElementById('upload'),
formData = https://tazarkount.com/read/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);
}

})

}
以上就是小编的分享了，希望能够帮助到大家。