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

相关推荐
ResponseState2009 分钟前
安卓原生写uniapp插件手把手教学调试、打包、发布。
前端·uni-app
颜酱18 分钟前
SourceMap 深度解析:从映射原理到线上监控落地
前端·javascript
LYOBOYI12325 分钟前
qt的事件传播机制
java·前端·qt
IT_陈寒26 分钟前
Python 3.12 性能优化:5 个鲜为人知但提升显著的技巧让你的代码快如闪电
前端·人工智能·后端
军军君0130 分钟前
Three.js基础功能学习二:场景图与材质
前端·javascript·学习·3d·材质·three·三维
PM老周30 分钟前
产品路线图怎么做:从愿景到里程碑的 6 步落地法
开发语言·安全·阿里云·团队开发·个人开发
Komorebi゛1 小时前
【Vue3 + Element Plus】Form表单按下Enter键导致页面刷新问题
前端·javascript·vue.js
踢球的打工仔1 小时前
typescript-基本类型
前端·javascript·typescript
dly_blog1 小时前
Vue 组件通信方式大全(第7节)
前端·javascript·vue.js
枫叶丹41 小时前
ModelEngine应用编排创新实践:通过可视化编排构建大模型应用工作流
开发语言·前端·人工智能·modelengine