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="提交" onclick="uploadPic();"/>

<span class="showUrl"></span>

<img 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);

}

})

}

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