<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
相关推荐
YongGit4 分钟前
探索 AI + MCP 渲染前端 UI保持学习ing5 分钟前
苍穹外卖day3--公共字段填充+新增菜品慧一居士41 分钟前
<script setup>中的setup作用以及和不带的区别对比RainbowSea1 小时前
NVM 切换 Node 版本工具的超详细安装说明读书点滴1 小时前
笨方法学python -练习14Mintopia1 小时前
四叉树:二维空间的 “智能分区管理员”Mintopia1 小时前
Three.js 深度冲突:当像素在 Z 轴上玩起 "挤地铁" 游戏Penk是个码农2 小时前
web前端面试-- MVC、MVP、MVVM 架构模式对比markyankee1012 小时前
Vue.js 入门指南:从零开始构建你的第一个应用MrSkye2 小时前
🔥JavaScript 入门必知:代码如何运行、变量提升与 let/const🔥