最新下载
Vue记事本添加删除特效
24小时阅读排行榜
- 1 如何修复 Python 中因大小写不匹配导致的输入判断失效问题
- 2 SQL 生产环境最常见的 10 个导致查询超时的写法错误
- 3 如何让 <details> 展开时悬浮覆盖在其他元素之上
- 4 如何在 GA4 中正确传递并显示用户 ID(User ID)
- 5 CSS 中的分号缺失导致语法错误:正确书写规则详解
- 6 如何用 COALESCE / IFNULL / ISNULL 优雅处理 NULL 值
- 7 如何在 Go 中将指针解引用为原始值
- 8 如何安全地将点分隔字符串转换为多维数组(避免使用 eval)
- 9 如何用 ROW_NUMBER() + 子查询实现跨页去重分页
- 10 vmstat bi/bo 极高但无明显 IO 密集进程的 page cache 回写压力排查
- 11 如何在 Go 中实现 Bash 的进程替换(<(command))功能
- 12 如何让YOLO模型在训练时正确调用GPU(以PyTorch版YOLO为例)
- 13 如何在输入特定数字时动态改变页面背景色
- 14 如何修复 NgRx 选择器中 Observable 类型不匹配错误
- 15 NETDEV WATCHDOG: transmit queue timed out 导致网卡卡死的修复流程
最新教程
-
- Node.js 教程
- 16286 2025-08-28
-
- CSS3 教程
- 1546941 2025-08-27
-
- Rust 教程
- 23415 2025-08-27
-
- Vue 教程
- 25857 2025-08-22
-
- PostgreSQL 教程
- 22353 2025-08-21
-
- Git 教程
- 9312 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>
