<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
相关推荐
m0_5287238117 分钟前
HTML中,title和h1标签的区别是什么?Dark_programmer18 分钟前
html - - - - - modal弹窗出现时,页面怎么能限制滚动GDAL23 分钟前
HTML Canvas clip 深入全面讲解禾苗种树24 分钟前
在 Vue 3 中使用 ECharts 制作多 Y 轴折线图时,若希望 **Y 轴颜色自动匹配折线颜色**且无需手动干预,可以通过以下步骤实现:贵州数擎科技有限公司1 小时前
使用 Three.js 实现流光特效JustHappy1 小时前
「我们一起做组件库🌻」做个面包屑🥖,Vue的依赖注入实战💉(VersakitUI开发实录)拉不动的猪1 小时前
刷刷题16小盼江2 小时前
水果生鲜农产品推荐系统 协同过滤余弦函数推荐水果生鲜农产品 Springboot Vue Element-UI前后端分离 代码+开发文档+视频教程祈澈菇凉2 小时前
如何结合使用thread-loader和cache-loader以获得最佳效果?垣宇2 小时前
Vite 和 Webpack 的区别和选择