input type=file实现图片上传
2024-09-03 11:04:42
<label for="file">
<img src="data:images/morende.jpg" alt="">
<span>点击更换头像</span>
</label>
<input type="file" name="file" id="file" accept="image/*" value="" hidden=""/>
$("input[type='file']").change( function(event) {//上传图片
console.log(event)
var file = event.currentTarget.files[0]
var formFile = new FormData();
formFile.append("file", file); $.ajax({
url: ajaxURL+'/currency/istImage',
type: 'POST',
data: formFile,
async: true,
cache: false,
contentType: false,
processData: false,
dataType:'json',
success: function(res) {
console.log(res);
}
}) });
或者循环多个上传
<input type="file" onchange="upload(this)">
<script>
function upload(obj){
var files = obj.files ;
var formData = new FormData();
for(var i = 0;i<files.length;i++){
formData.append("upfile[]", files[i]); }
$.ajax({
url: "1.php",
type: "POST",
data:formData,
cache:false, //不设置缓存
processData: false, // 不处理数据
contentType: false // 不设置内容类型
});
}
</script>
最新文章
- [.net 面向对象程序设计进阶] (27) 团队开发利器(六)分布式版本控制系统Git——在Visual Studio 2015中使用Git
- c++指针与引用问题
- 更改Xampp-sql的默认密码-配置appche运行环境
- [转载]Emmet使用
- 我的WCF摸爬滚打之路(2)
- git 笔记- 概念
- php日期时间函数 整理
- T-SQL中return 返回语句学习
- USB HID Report Descriptor 报告描述符详解
- scala map
- 用Hashcat每秒计算1.4亿个密码,破解隔壁WIFI密码
- linux最小安装
- 安装Phalcon报错:gcc: Internal error: Killed (program cc1)
- select添加option
- 转载 【.NET基础】--委托、事件、线程(3)
- codeforces#525 Div2---ABC
- Hadoop介绍-1.基本原理
- 01.String类字符串本质
- 关于getProperties的一点记录
- jqgrid 让隐藏的列在编辑状态时出现且可编辑