最新下载
Twitter Bootstrap表单验证
门户网站jQuery相册代码
24小时阅读排行榜
- 1 c++中如何获取磁盘剩余空间_c++ filesystem获取磁盘信息方法【实例】
- 2 Laravel中如何查看SQL执行日志_Laravel开启打印SQL语句方法【技巧】
- 3 什么是javascript数组_有哪些高阶函数方法【教程】
- 4 JavaScript垃圾回收机制如何管理内存【教程】
- 5 如何将 POST 数据持久化保存到 PHP 文件中并实现离线访问
- 6 ext4 "EXT4-fs warning: 31 callbacks suppressed" 日志刷屏的抑制方法
- 7 如何在Golang中优化微服务调用延迟_Golang微服务性能提升方法
- 8 如何在Golang Web中实现静态资源服务_静态文件处理方案
- 9 javascript怎样进行错误调试【教程】
- 10 如何在Golang中优化并发性能_Golang goroutine调度与资源管理方法
- 11 c++中如何防止头文件重复包含_c++ #ifndef与#pragma once区别【实例】
- 12 c++中如何判断一个数是否为丑数_c++丑数分解算法实现【详解】
- 13 Go 中变参函数不支持混合使用展开切片与普通参数的原理与解决方案
- 14 Golang make函数适用于哪些类型_make使用规则解析
- 15 如何在纯静态网站中统一管理多页面导航栏（无需 PHP）
最新教程
-
- Node.js 教程
- 15914 2025-08-28
-
- CSS3 教程
- 1545994 2025-08-27
-
- Rust 教程
- 23106 2025-08-27
-
- Vue 教程
- 25577 2025-08-22
-
- PostgreSQL 教程
- 22081 2025-08-21
-
- Git 教程
- 9085 2025-08-21
这是一款基于Bootstrap和fileinput.js实现的FormData图片上传插件，还可以实时预览。
js代码
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap-fileinput.js"></script>
<script type="text/javascript">
$(function () {
//比较简洁，细节可自行完善
$('#uploadSubmit').click(function () {
var data = new FormData($('#uploadForm')[0]);
$.ajax({
url: 'xxx/xxx',
type: 'POST',
data: data,
async: false,
cache: false,
contentType: false,
processData: false,
success: function (data) {
console.log(data);
if(data.status){
console.log('upload success');
}else{
console.log(data.message);
}
},
error: function (data) {
console.log(data.status);
}
});
});
})
</script>
相关推荐
鼠标悬停图片分享按钮动画效果
jQuery+echarts上传图片生成文字标签云代码
js实现图片放大和拖拽特效
热门下载
canvas音谱可视化mp3音乐播放器代码
