<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 / vue 图片直传阿里云
avoidaily2024-03-02 22:29
相关推荐
jerrywus几秒前
我写了个 Claude Code Skill,再也不用手动切图传 COS 了玖月晴空5 分钟前
探索关于Spec 和Skills 的一些实战运用-Kiro篇子兮曰9 分钟前
深入理解滑块验证码:那些你不知道的防破解机制weixin79893765432...26 分钟前
Vue 组件的更新过程(编译系统 + 响应式系统 + 虚拟 DOM & Diff)会一丢丢蝶泳的咻狗35 分钟前
Sass实现,蛇形流动布局攀登的牵牛花40 分钟前
前端向架构突围系列 - 状态数据设计 [8 - 4]:有限状态机 (FSM) 在复杂前端逻辑中的应用Lsx_40 分钟前
前端视角下认识 AI Agent 和 LangChain我是伪码农1 小时前
Vue 智慧商城项目不认输的西瓜1 小时前
fetch-event-source源码解读用户39051332192881 小时前
前端性能杀手竟然不是JS?图片优化才是绝大多数人忽略的"降本增效"方案




