<el-form-item label="附件" prop="attachment">
<el-upload
:multiple="false"
:limit="1"
:on-exceed="handleExceed"
:http-request="uploadFiles"
:on-remove="handleRemoveFj"
action=" "
>
<el-button slot="trigger" size="small" type="primary" >选择文件</el-button>
<el-button v-show="formData.attachment != null" > <a :href="'http:/localhost:8080/file'+formData.attachment">查看文件</a></el-button>
</el-upload>
</el-form-item>
 //图片上传数量校验
handleExceed(files, fileList) {
this.$message.warning(`当前限制选择 1 个文件,本次选择了 ${files.length} 个文件,共选择了 ${files.length + fileList.length} 个文件`);
},
//取消上传文件
handleRemoveFj(file,fileList){
this.formData.fileContent = null;
}, //文件上传
uploadFiles(data) {
// this.formData.fileUpdate=1; //更新状态 改为已更新
this.formData.fileName = data.file.name; //文件名
this.formData.fileType = "updateNoticeFile";
this.getBase64(data.file).then(resBase64 => {
this.formData.fileContent = resBase64.split(',')[1]
console.info(this.formData.fileContent)
console.info(this.formData.fileContent.length) })
}, //文件转base64
getBase64(file) {
return new Promise((resolve, reject) => {
let reader = new FileReader();
let fileResult = "";
reader.readAsDataURL(file);      //开始转
reader.onload = function() {
fileResult = reader.result;
};      //转 失败
reader.onerror = function(error) {
reject(error);
};      //转 结束 咱就 resolve 出去
reader.onloadend = function() {
resolve(fileResult);
};
});
},

最新文章

  1. 排序算法----基数排序(RadixSort(L,max))单链表版本
  2. poj 1737男人八题之一 orz ltc
  3. J2EE web项目中解决所有路径问题
  4. Linux 命令与文件的搜寻
  5. javaScript入门第一天
  6. GridFS图片
  7. xml追加节点
  8. 虚拟化之vmx配置文件
  9. IHttpModule接口
  10. 初次接触GWT,知识点总括
  11. 在Linux终端执行clear或top命令时出现:&#39;xterm&#39;: unknown terminal type
  12. 畅谈Spring设计哲学
  13. Xcode HeaderDoc 过程(1)
  14. 每R一点:层次聚类分析实例实战-dist、hclust、heatmap等(转)
  15. Java版 QQ空间自动登录无需拷贝cookie一天抓取30WQQ说说数据&amp;流程分析
  16. Java跨域问题的处理详解
  17. C中指针符*和取址符&amp;
  18. Windows下SVN备份脚本
  19. LLDP协议、STP协议 笔记
  20. ros 使用命令测试topic

热门文章

  1. 消息队列RocketMQ应用
  2. 《__cplusplus修饰符的作用:C和CPP接口互相调用时候,编译没问题,链接提示未定义问题》
  3. 关于filter_input函数
  4. 嵌入式Linux应用开发
  5. 关于之前ecplices没法正常导入使用fx包的笔记
  6. eclipse和sts的版本对应
  7. Git克隆项目到本地
  8. unity学习笔记03-渲染管线
  9. python 根据二维数组画出彩色图像
  10. SAP 常见函数