当前位置: 首页 > news >正文

免费照片的网站模板wordpress上传附件

免费照片的网站模板,wordpress上传附件,文化网站源码,手机搭建电脑做的网站在此#xff0c;我只使用了docx和excel#xff0c; pdf我直接使用的iframe进行的展示就不作赘述了 //docx文档预览组件 npm install vue-office/docx//excel文档预览组件 npm install vue-office/excel//pdf文档预览组件 npm install vue-office/pdf如果是vue2.6版本或以下还…在此我只使用了docx和excel pdf我直接使用的iframe进行的展示就不作赘述了 //docx文档预览组件 npm install vue-office/docx//excel文档预览组件 npm install vue-office/excel//pdf文档预览组件 npm install vue-office/pdf 如果是vue2.6版本或以下还需要额外安装 vue/composition-api npm install vue/composition-api/templatedivinputidfilereffilestypefilechangechangeHandlemultiplemultiple/!-- accept.doc,.docx,.pdf,.ai,.psd,.xlsx,.xls --!-- vue-office-docx :srcsrc renderedrenderingCompleted / --vue-office-excelstyleflex: 1; height: 0v-showsrc:srcsrcrenderedrenderingCompleted//div /templatescript //引入VueOfficeDocx组件 import VueOfficeDocx from vue-office/docx; //引入相关样式 import vue-office/docx/lib/index.css import VueOfficeExcel from vue-office/excel; import vue-office/excel/lib/index.css export default {data() {return {src: ,};},components: {VueOfficeDocx,VueOfficeExcel,},mounted() {//赋值文档路径 此目录可以是http地址也可以是本地文件// const src ref(./src/assets/docx/test.docx);},methods: {// 获取文件 这里是使用的 vue3.0 语法changeHandle(event) {console.log(event.target.files[0]);const file event.target.files[0];let fileReader new FileReader();fileReader.readAsArrayBuffer(file);fileReader.onload () {this.src fileReader.result;};// const blob new Blob([file], { type: application/pdf;charsetutf-8 });// const blob new Blob([file], { type: file.type });// this.src window.URL.createObjectURL(blob); //这里是通过blob拿到urlconsole.log(src--, this.src);},renderingCompleted() {console.log(渲染完成);},}, }; /scriptstyle /style参考 1、vue vue-office 实现多种文件(docx、excel、pdf)的预览 2、vue 预览word、excel、pdf文档 vue-officeVueOfficeDocx、VueOfficeExcel、VueOfficePdf 3、vue 实现 word/excel/ppt/pdf 等文件格式预览操作 4、npm官网解释vue-office
http://www.huolong8.cn/news/83052/

相关文章:

  • 设计素材网站排行榜前十名苏州网站小程序app开发公司
  • 优化 导航网站网站空间多少钱一年
  • 58同城如何发广告衡阳企业网站排名优化
  • 网站个人中心wordpressdelphi7网站开发
  • 宜城市城乡建设局网站备案wordpress ajax 翻页
  • 大连好的网站建设公司百度认证中心
  • 网站怎么做图片转换vs2010 网站开发
  • 网站防止镜像营销策划运营培训机构
  • 网站上的产品介绍如何做安卓手机怎么做网站
  • php网站怎么用mysql新建数据库欧亚快递100
  • 网站开发文档 php乙肝能治好吗
  • 长沙营销企业网站建设小程序登录的具体流程
  • 网站建设公司不挣钱的原因苏州seo公司排名
  • 外贸网站优化谷歌关键词排名外包学校官网
  • dedecms网站后台模板修改网站安全建设
  • 做vi 设计国外网站网站建设服务好公司排名
  • 做网站的公司术语网站的数据库是什么
  • 厦门海投工程建设有限公司网站移动网站的设计报告
  • 模板做图 网站有哪些哪个平台可以随便发广告
  • 如何做网站策划织梦做的网站打开慢
  • php企业网站济南网站seo 优帮云
  • 顶尖的网站建设余名是什么意思
  • 网站制作容易吗中山做网站比较好
  • asp网站后台编辑器票务网站建设
  • soho建网站摄影个人网站模板
  • 学校网站建设营运预算关于公司网络优化方案
  • 知名个人网站网站图片设置链接
  • 做精美得ppt网站知乎专业网站设计建设服务
  • 哪些网站平台可以做推广柳州公司
  • 网站建设的功能需求分析策划书无锡知名网站