jq / vue 图片直传阿里云

接口文档

有道云笔记

阿里云文档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

相关推荐
不爱学英文的码字机器14 小时前
重塑 Web 性能:用 Rust 与 WASM 构建“零开销”图像处理器
前端·rust·wasm
浩星14 小时前
react的框架UmiJs(五米)
前端·javascript·react.js
子醉17 小时前
推荐一种适合前端开发使用的解决本地跨域问题的办法
前端
Niyy_17 小时前
前端一个工程构建多个项目,记录一次工程搭建
前端·javascript
xiangxiongfly91517 小时前
CSS link标签
前端·css
岁月宁静18 小时前
AI 多模态全栈应用项目描述
前端·vue.js·node.js
nn_(nana)19 小时前
修改文件权限--- chmod ,vi/vim,查看文件内容,yum-软件包管理器,systemctl管理系统服务
前端
烛阴20 小时前
从零开始掌握C#核心:变量与数据类型
前端·c#
han_20 小时前
前端高频面试题之Vuex篇
前端·vue.js·面试