文件预览（.doc / .xls / .ppt / .pdf）

.doc / .xls / .ppt都可以用微软提供的在线预览

微软提供了一个在线预览的页 免费版Office Online网页版- 查看编辑Word、Excel、PPT | Office

src后面填写你上传的文件地址

<!--doc xls ppt-->
        <iframe
          v-if="type == 'office'"
          style="width: 100%;height: 100%;"
          :src="'https://view.officeapps.live.com/op/view.aspx?src=' + fileUrl"
          frameborder="0"></iframe>

.pdf格式的文件浏览器就可以直接预览

<!--pdf  fileUrl为文件地址-->
        <iframe
          v-if="type == 'pdf'"
          style="width: 100%;height: 100%;"
          :src="fileUrl"
          frameborder="0"></iframe>
        <!--img-->
        <img v-if="type == 'image'" :src="fileUrl" alt="" style="width: 100%;height: 100%;">