最新下载
jQuery焦点图插件Fotorama
24小时阅读排行榜
- 1 php数组如何筛选两个数组交集_php数组交集筛选实现法【技巧】
- 2 c++中如何使用std::clamp限制数值区间_c++17区间裁剪函数【详解】
- 3 Go中适配器模式适合哪些场景_Go适配器模式实践思路
- 4 C++函数指针怎么定义 C++回调函数实现与应用场景【难点】
- 5 多个XML源文件如何合并成一个目标XML
- 6 如何在 Pandas 中实现自定义边界（含右闭区间）的数值分箱
- 7 如何在 JavaScript 中正确实现嵌套评论的递归渲染
- 8 如何在隐藏滚动条的同时保持页面可滚动功能
- 9 C++ string substr怎么用 C++截取字符串子串操作演示【API】
- 10 EF Core如何动态添加实体模型 EF Core运行时构建模型方法
- 11 javascript如何实现动画_requestAnimationFrame如何使用【教程】
- 12 Tkinter Grid 布局中控件重叠与层级控制完全指南
- 13 如何正确实现凯撒密码加密：避免列表动态修改导致的索引错乱问题
- 14 php页面渐变能做旋转动效吗_php页面旋转渐变动画法【步骤】
- 15 如何在项目中直接导入 Cesium 源码进行开发与调试
最新教程
-
- Node.js 教程
- 16186 2025-08-28
-
- CSS3 教程
- 1546715 2025-08-27
-
- Rust 教程
- 23319 2025-08-27
-
- Vue 教程
- 25782 2025-08-22
-
- PostgreSQL 教程
- 22263 2025-08-21
-
- Git 教程
- 9243 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音乐播放器代码
