我試圖在DotNetNuke中使用Aquantum Multiple File Upload,但我無法使它工作。原因是我無法設置表單標籤。如何爲DotNetNuke使用Aquantum Multiple File Uploader(jQuery插件)?
有沒有人知道如何在不使用窗體標籤的情況下實現插件?
如:樣品顯示如下:
<form id="file_upload" class="file_upload" runat="server">
<div id = "filediv">
<input type="file" name="file" multiple>
<button>Upload</button>
<div>Upload files</div>
</div>
<table id="files"></table> ...
</form>
但是我想能夠做到以下幾點:
<div id="file_upload" class="file_upload" runat="server">
<div id = "filediv">
<input type="file" name="file" multiple>
<button>Upload</button>
<div>Upload files</div>
</div>
<table id="files"></table> ...
</div>
我使用JavaScript這是一個:
<script>
/*global $ */
$(function() {
$('.file_upload').fileUploadUI({
url: 'FileUpload.ashx',
method: 'POST',
uploadTable: $('#files'),
downloadTable: $('#files'),
buildUploadRow: function (files, index) {
return $('<tr><td>' + files[index].name + '<\/td>' +
'<td class="file_upload_progress"><div><\/div><\/td>' +
'<\/td><\/tr>');
},
buildDownloadRow: function(file) {
return $('<tr id="file_'+file.name+'"><td>' + file.name + '<\/td>'
+ '<td class="file_uploaded">' +
'<span class="ui-icon ui-icon-check"><\/span>' +
'<\/td><\/tr>');
}, beforeSend: function(event, files, index, xhr, handler, callBack) {
if (files[index].size > 500000) {
handler.uploadRow.find('.file_upload_progress').html('<span class="ui-icon ui-icon-alert"><\/span>FILE TOO BIG!');
setTimeout(function() {
handler.removeNode(handler.uploadRow);
}, 10000);
return;
}
callBack();
}
});
});
</script>
謝謝!任何幫助將受到歡迎!