1
如果已經實現了良好的上傳器並可以上傳文件。我還將允許的擴展名設置爲僅允許PDF。FineUploader不顯示錯誤消息
但是,當我嘗試上傳和JPG例如什麼都沒有發生。
通常這不是問題,但我希望看到一條消息。這適用於fineuploader網站,但不適合我。
希望有人能幫助我。
代碼:
createUpload({ button: $('#dienstverleningsDocumentUploader'),
endpoint:'/adviseur/profile/dienstverleningsDocument/' + '@Model.Adviseur.ServiceDocumentID',
messages: $('#dienstverleningsDocumentMessage'), allowedExtensions: ['pdf'] });
function createUpload(options) {
var button = options.button[0];//Should be a jQuery $(...)
var endpoint = options.endpoint;
var allowedExtensions = options.allowedExtensions || ['doc', 'xls', 'docx', 'xlsx', 'pdf'];
var sizeLimit = options.sizeLimit || 10000000;// 10Mb
var itemLimit = options.itemLimit || 10;
var messages = options.messages || $('#messages');
var complete = options.complete;
return new qq.FineUploaderBasic({
button: button,
request: {
endpoint: endpoint
},
validation: {
allowedExtensions: allowedExtensions,
sizeLimit: sizeLimit,
itemLimit: itemLimit
},
callbacks: {
onSubmit: function (id, fileName) {
messages.html('<div id="file-' + id + '" class="alert" style="margin: 20px 0 0"></div>');
},
onUpload: function (id, fileName) {
$('#file-' + id).addClass('alert-info')
.html('<img src="client/loading.gif" alt="Initializing. Please hold."> ' +
'Initializing ' +
'「' + fileName + '」');
},
onProgress: function (id, fileName, loaded, total) {
if (loaded < total) {
progress = Math.round(loaded/total * 100) + '% of ' + Math.round(total/1024) + ' kB';
$('#file-' + id).removeClass('alert-info')
.html('<img src="client/loading.gif" alt="In progress. Please hold."> ' +
'Uploading ' +
'「' + fileName + '」 ' +
progress);
} else {
$('#file-' + id).addClass('alert-info')
.html('<img src="client/loading.gif" alt="Saving. Please hold."> ' +
'Saving ' +
'「' + fileName + '」');
}
},
onComplete: function (id, fileName, responseJSON) {
if (responseJSON.success) {
$('#file-' + id).removeClass('alert-info')
.addClass('alert-success')
.html('<i class="icon-ok"></i> ' +
'「' + fileName + '」' +
'succesvol.'
);
if (complete) {
complete(fileName, responseJSON);
}
} else {
$('#file-' + id).removeClass('alert-info')
.addClass('alert-error')
.html('<i class="icon-exclamation-sign"></i> ' +
'Uploaden mislukt bij: ' +
'「' + fileName + '」: ' +
responseJSON.error);
}
}
}
});
}