当前位置：首页 > 下载站 > js特效 > 其它特效 > Bootstrap和fileinput-js实现的FormData图片上传插件

Bootstrap和fileinput-js实现的FormData图片上传插件

分类: js特效 / 其它特效	发布时间: 2017-12-16	访问量: 1738
下载量: 58

点击下载预览效果

更多>

最新下载

jquery坐标图片框裁剪

jquery坐标图片框裁剪是一款可以自定义图片上的选择区域，带有坐标显示，自定义选择框大小，适用于网页图片裁剪和头像制作等。

0 2026-01-28

jQuery表单提交滑动验证实例

jQuery表单提交滑动验证实例是一款基于layui制作简单的表单输入框和拖动滑动验证代码。

0 2026-01-28

iPicker多级联动城市选择组件

jQuery iPicker城市选择插件，利用json动态调用城市地区数据，支持多级联动城市选择，设置获取值选择结果。这是一款简单快速的对 “省市区” 城市选择代码。ps：使用ajax本地要在localhost才能正常访问。

0 2026-01-27

CSS3实现3D图片翻转洗牌特效

CSS3实现3D图片翻转洗牌特效是一款鼠标悬停到缩略图片3D翻转切换显示代码，支持触摸设备使用。

0 2026-01-27

vue.js表单密码强度验证代码

vue.js表单密码强度验证代码是一款适用于手机注册表单输入密码强度验证特效。

0 2026-01-27

React框架制作人物介绍切换特效

React框架制作人物介绍切换特效是一款圆形的虚线旋转和人物介绍标签文字结合，点击按钮切换下一张图片人物介绍效果。

0 2026-01-27

24小时阅读排行榜

更多>

最新教程

最新Python教程从入门到精通

Node.js 教程

16253 2025-08-28
CSS3 教程

1546876 2025-08-27
Rust 教程

23388 2025-08-27
Vue 教程

25837 2025-08-22
PostgreSQL 教程

22325 2025-08-21
Git 教程

9291 2025-08-21

Bootstrap和fileinput-js实现的FormData图片上传插件

这是一款基于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>