实习打杂记录，xboot中使已上传文件能够下载。

最新推荐文章于 2024-09-20 08:26:48 发布

wsyIII

最新推荐文章于 2024-09-20 08:26:48 发布

阅读量190

点赞数

分类专栏：第一次实习文章标签： vue spring boot javascript

本文链接：https://blog.csdn.net/wsyIII/article/details/107717896

版权

第一次实习专栏收录该内容

7 篇文章 0 订阅

订阅专栏

本文记录了在xboot系统中如何利用vue前端和spring boot后端，通过设置文件预览URL接口，实现已上传文件的下载功能。通过调用特定接口，用户可以点击超链接直接下载存储的文件。

摘要由CSDN通过智能技术生成

xboot的系统中有设置预览文件url的接口，通过调用该接口可以用超链接下载已上传的文件。

<FormItem label="附件文件" prop="attachmentList"  >
            <Button @click="uploadVisible=true" type="primary" icon="md-cloud-upload" :disabled="editable">上传文件</Button>
            <div v-for="(item,i) in this.form.selFiles" :key="i">
              <a :href="URL+item.fileId">{{item.name}}</a>
              <a @click="delFile(item,i)">&nbsp;删除</a>
            </div>
        </FormItem>

yourOss() {
      getOssSet("LOCAL_OSS").then(res => {
        if (res.result) {
          // 转换null为""
          for (let attr in res.result) {
            if (res.result[attr] == null) {
              res.result[attr] = "";
            }
          }
          this.oss = res.result;
          this.URL = this.oss.http+this.oss.endpoint+"/";
        } 
      });
    },

data() {
    return {
      URL: "",
      oss:{
        serviceName: "",
        accessKey: "",
        secretKey: "",
        endpoint: "",
        bucket: "",
        http: "",
      },