jQueryFileUpload多⽂件单击选中或多选⽂件直接⾃动上载⽆
需提交按钮
jQuery-File-Upload
HTML,激活 fileupload 按钮,你可以⽤ CSS 绘制你喜欢的效果
<button οnclick="$('#fileupload').click();">
select file ...
</button>
HTML,页码上放置⼀个⽂件选择类型的控件,隐藏形式(display: none),如果服务端是 struts2,那么 name="upload" 很重要,如果是servlet 或其它则⽆所谓。
linux route add命令详解steadfast怎么读<input id="fileupload" type="file" name="upload" multiple style='display: none'>
javascript
$('#fileupload').fileupload(
{
url : 'struts/image/UploadFile',
type : 'post',
dataType : 'json',
autoUpload : true,
formData : [
{} ],
done : function(e, data)
{
console.sult);
//
var object = JSON.sult);
var image = new Image(object.image.id, object.image.assetId, object.image.assetXml, object.image.url, pe);
console.log('image formUploadFileUser success,' + image);
},
progressall : function(e, data)
{
var progress = parseInt(data.loaded / al * 100, 10);
console.log(progress + '%', data.loaded, al);
},
fail : function(e, data)
{
console.log('fileupload, fail', e, data);
}
}).prop('disabled', !$.support.fileInput).parent().addClass($.support.fileInput ? undefined : 'disabled');
事件定义:
$('#fileupload')
.bind('fileuploadadd', function (e, data) {/* ... */})
.bind('fileuploadsubmit', function (e, data) {/* ... */})
.bind('fileuploadsend', function (e, data) {/* ... */})
.bind('fileuploaddone', function (e, data) {/* ... */})
.bind('fileuploadfail', function (e, data) {/* ... */})
.bind('fileuploadalways', function (e, data) {/* ... */})
.jquery下载的文件怎么使用
bind('fileuploadprogress', function (e, data) {/* ... */})
.bind('fileuploadprogressall', function (e, data) {/* ... */}) .bind('fileuploadstart', function (e) {/* ... */})
pulsive.bind('fileuploadstop', function (e) {/* ... */})
.bind('fileuploadchange', function (e, data) {/* ... */})
.bind('fileuploadpaste', function (e, data) {/* ... */})
.bind('fileuploaddrop', function (e, data) {/* ... */})
.bind('fileuploaddragover', function (e) {/* ... */})
.bind('fileuploadchunksend', function (e, data) {/* ... */}) .bind('fileuploadchunkdone', function (e, data) {/* ... */}) .bind('fileuploadchunkfail', function (e, data) {/* ... */})
python程序代码示例.bind('fileuploadchunkalways', function (e, data) {/* ... */});如果提交⽂件时还需要提交其他⽂本信息,举例如下:
$('#fileupload').bind('fileuploadsubmit', function(e, data)
{
var str1 = 'hello';
var str2 = 'world';
data.formData =
{
param1 : str1,
param1 : str2,
};
你们都不预测我来预测});
这⾥还有更多的例⼦与相应的⽂档介绍。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论