gpt4 book ai didi

javascript - FineUploader 不显示错误消息

转载 作者:行者123 更新时间:2023-11-28 09:00:17 25 4
gpt4 key购买 nike

如果已经实现了良好的 uploader 并且可以上传文件。我还将允许的扩展设置为仅允许 PDF。

但是当我尝试上传 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);
}
}
}
});
}

最佳答案

主页和文档明确指出Fine Uploader Basic模式根本不提供任何UI元素。如果您使用 Fine Uploader 基本模式,则预计您打算构建自己的 UI 并利用 Fine Uploader 的 API 和回调。所有错误消息(例如验证错误)都会发送到 onError 回调。您可以贡献自己的 onError 回调处理程序并自行显示错误消息。

例如,假设您正在使用 bootbox.js在你的应用程序中。您的实例可能如下所示:

$('#uploaderContainer').fineUploader({
uploaderType: 'basic',
button: $('#dienstverleningsDocumentUploader'),
request: {
endpoint: '/adviseur/profile/dienstverleningsDocument/' + '@Model.Adviseur.ServiceDocumentID',
},
validation: {
allowedExtensions: ['pdf'],
sizeLimit: 10000000,
itemLimit: 10
}
})
.on('error', function(event, id, fileName, reason, maybeXhr) {
bootbox.alert(reason);
});

请注意,我在示例中使用了 jQuery Fine Uploader 插件。您也应该这样做,因为您已经在项目中使用了 jQuery。有关此插件的更多信息,请参阅文档。

如果您想使用 Fine Uploader 附带的默认 UI 并对其进行一些自定义,则应该使用 FineUploader 模式。文档中也对此进行了进一步解释。

关于javascript - FineUploader 不显示错误消息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17854581/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com