上传文件


1.0 HTML

<label class="annex">
   上传文件
   <input type="file"  @change="uploadAnnex(item)" >
</label>

input file详细使用: https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/file


2.0 CSS

.annex>input{
    display: none;
}


3.0 上传文件

uploadAnnex(item){

  var formData = new FormData;
  formData.append("file",event.target.files[0]);
  formData.append("clauseId",item.id);
  infoEntryUploadPost(formData).then(res => {
    res;
  });
  event.target.value = "";
}


3.1 将文件转为base64上传

uploadAnnex(item){

    var fr = new FileReader();
    fr.readAsDataURL(event.target.files[0]);
    fr.onload = function(){
        
        var formData = new FormData;
        formData.append("file",this.result);
        formData.append("clauseId",item.id);
        infoEntryUploadPost(formData).then(res => {
            res;
        });
    }
    event.target.value = "";
}
举报

© 著作权归作者所有


1