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

相关推荐
李白的天不白12 分钟前
如何项目发布到github上
android·vue.js
牧码岛14 分钟前
Web前端之JavaScrip中的Array、Object、Map和Set详解
前端·javascript·web·web前端
Bigger14 分钟前
😮‍💨 有了 AI 之后,我怎么感觉反而更累了?
前端·aigc·ai编程
Dxy123931021616 分钟前
HTML中使用Canvas动态图形渲染:解锁Web交互新维度
前端·html·图形渲染
西陵17 分钟前
如何实现 Claude 生成式 UI?一套可落地的工程方案
前端·人工智能·ai编程
FlyWIHTSKY18 分钟前
Vue 3 + 原生 CSS Float
前端·css·vue.js
energy_DT23 分钟前
2026海上钻井平台可视化运维:红外热成像、超声波、AI视频巡检、数字孪生
前端
ONLYOFFICE24 分钟前
如何将 Word 集成到 Web 应用程序? 5 种方法详解与对比
前端·word·onlyoffice
533_26 分钟前
[pinia] vue3中监听pinia值的变化
前端·javascript·vue.js
AlenLi27 分钟前
JavaScript - 相对实用的Axios二次封装
前端·javascript