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:隐藏;
 
希望本文对你有所帮助!
 
 

posted on 2019-07-24 10:41  王子乔  阅读(2882)  评论(0编辑  收藏  举报

导航