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="提交" 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);

}

})

}

以上是小编的分享，希望对大家有所帮助。

- END -