jq / vue 图片直传阿里云

最新推荐文章于 2024-06-28 18:39:53 发布

avoidaily

最新推荐文章于 2024-06-28 18:39:53 发布

阅读量620

点赞数 7

文章标签： vue.js 阿里云前端

本文链接：https://blog.csdn.net/qq_43459224/article/details/136321330

版权

接口文档
在这里插入图片描述

有道云笔记
在这里插入图片描述

阿里云文档1
阿里云文档2

jq上传图片触发参考

 <input id="fileupload" type="file" class="form-control"  name="file"  >

$("#fileupload").on("change",function(){
  var file = this.files[0];
    var data = new FormData();
        data.append("file", file);
        console.log(data);
        console.log(file);
        $.ajax({
            type: "post",
            url: " ",
            data: data,
            contentType: false,
            //默认文件类型application/x-www-form-urlencoded  设置之后multipart/form-data
            processData: false,
            // 默认情况下会对发送的数据转化为对象 不需要转化的信息
            success: function (res) {
                source = res.picAddr;
            },
        });
})

其他参考

jq引入oss1
aliyun-oss-sdk-6.18.1.min.js

jq引入oss2
aliyun-oss-sdk-6.16.0.min.js