upload上传 和 download下载
文件上传:
<div class="upload-form">
<input id="fileUpload" type="file" class="choose-file-input" v-on:change="addProject"/>
</div>
addProject: function () {
let that = this;
var formData = new FormData();
formData.append('sketchfile', $('#fileUpload')[0].files[0]);
$.ajax({
url: 'http://api.uitocode.oa.com/project/add',
type: 'POST',
cache: false,
data: formData,
processData: false,
contentType: false
}).done(function(res) {
console.log('上传成功');
}).fail(function(res) {});
}
要注意的是,文件上传,走ajax的话,contentType需要定义,不然会出错,切记!!
如果实在有问题,就本地用input直接定义上传一下试试,
参考地址:https://www.jianshu.com/p/46e6e03a0d53
文件下载:
<form action="http://...." method="POST" enctype="application/x-www-form-urlencoded">
<input name="id" value="123123" type="hidden">
<input name="downloadSketch" value="true" type="hidden">
<button class="download-btn" type="submit">Download Cod</button>
</form>
action:下载的接口地址;
input的name:下载的参数名称;
input的value:下载的参数,如果是在vue中,不能用value,得用v-model;
input的type:隐藏;
希望本文对你有所帮助!