<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
相关推荐
lijun_xiao20091 小时前
前端最新Vue2+Vue3基础入门到实战项目全套教程90后的晨仔1 小时前
Pinia 状态管理原理与实战全解析杰克尼1 小时前
JavaWeb_p165部门管理90后的晨仔1 小时前
Vue3 状态管理完全指南:从响应式 API 到 Pinia90后的晨仔1 小时前
Vue 内置组件全解析:提升开发效率的五大神器我胡为喜呀1 小时前
Vue3 中的 watch 和 watchEffect:如何优雅地监听数据变化我登哥MVP2 小时前
Ajax 详解非凡ghost2 小时前
Typora(跨平台MarkDown编辑器) v1.12.2 中文绿色版馨谙3 小时前
/dev/null 是什么,有什么用途?JamSlade3 小时前
流式响应 sse 系统全流程 react + fastapi为例子