炫浪网络社区,清音浊世录,皇女之刃
前两天项目中需要用到异步上传图片和显示上传进度的功能，于是找了很多外国的文章，翻山越岭地去遇上各种坑，这里写篇文章记录一下。
HTML代码没什么好说，一个form表单，还有文件类型的input。我们来看js部分。
我要评论
//绑定了`submit`事件。
$('#fileupload-form').on('submit',(function(e) {
e.preventDefault();
//序列化表单
var serializeData = $(this).serialize();
// var formData = new FormData(this);
$(this).ajaxSubmit({
type:'POST',
url: *yoururl*,
dataType: 'json',
data: serializeData,
// data: formData,
//attention!!!
contentType: false,
cache: false,
processData:false,
beforeSubmit: function() {
//上传图片之前的处理
},
uploadProgress: function (event, position, total, percentComplete){
//在这里控制进度条
},
success:function(){
},
error:function(data){
alert('上传图片出错');
}
});
}));
//绑定文件选择事件，一选择了图片，就让`form`提交。
$(#fileupload).on(change, function() {
$(this).parent().submit();
});
YII2框架中使用RBAC对模块，控制器，方法的权限控制及规则的使用示例
YII2框架中ActiveDataProvider与GridView的配合使用操作示例
PhpStorm的使用教程(本地运行PHP+远程开发+快捷键)
网友评论