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

https://wenku.baidu.com/view/a10a8639a36925c52cc58bd63186bceb19e8edab.html?re=view

 

文件下载：

<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：隐藏；

 

希望本文对你有所帮助！