<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
相关推荐
JosieBook43 分钟前
【web应用】如何进行前后端调试Debug? + 前端JavaScript调试Debug?LBJ辉44 分钟前
2. Webpack 高级配置灵感__idea7 小时前
JavaScript高级程序设计(第5版):好的编程就是掌控感烛阴8 小时前
Mix代码续发9 小时前
前端组件梳理试图让你心动9 小时前
原生input添加删除图标类似vue里面移入显示删除[jquery]_Kayo_9 小时前
VUE2 学习笔记6 vue数据监测原理陈不知代码10 小时前
uniapp创建vue3+ts+pinia+sass项目小王码农记10 小时前
sass中@mixin与 @include陈琦鹏10 小时前
轻松管理 WebSocket 连接!easy-websocket-client