在许多上传的在线示例中,您将看到javascript插件中使用的名为“cancelImg”的属性,您可以在其中指定用于闪存控件中“取消按钮”的小X,如果您想要取消上传。这样做对我来说不起作用(没有图像或取消按钮出现,虽然有一个“隐形取消按钮”,你可以点击取消上传)和官方文档实际上甚至没有指定存在这样的财产。
有人知道在我上传文件时如何让取消按钮显示在闪光控制中吗?使用包含的uploadify-cancels.png就可以了。
更新:以下是Flash控件的外观。您可以看到右侧没有取消按钮:
这是我的代码:
$(document).ready(function () {
$("#file_upload").uploadify({
uploader: '@Url.Action("UploadFile", "Home")',
swf: '@Url.Content("~/Scripts/Uploadify/uploadify.swf")',
cancelImg: '@Url.Content("~/Scripts/Uploadify/uploadify-cancel.png")',
removeCompleted: false
});
});
谢谢, 杰
答案 0 :(得分:4)
嗯......最后一篇文章并没有真正回答你的问题。
我遇到了同样的问题,解决方法只是在uploadify.css中编辑取消图像的文件名/路径(或者你的uploadify CSS文件的名称是什么。)我发现那里的路径不正确所以无论你在cancelImg之后你有什么:在你的jquery代码中,如果CSS文件中的文件名/路径错误,取消图像(通常是十字)将不会显示。
希望有所帮助。
答案 1 :(得分:0)
您可以像这样进行uploadify
$('#file_upload').uploadify({
'uploader': ResourceUplodify.Uploader,
'script': ResourceUplodify.ScriptFile,
'cancelImg': '../../Content/images/Cancel-img.jpg',,
'folder': ResourceUplodify.Folder,
'fileDesc': 'Document Files',
'formData': { 'uid': userid },
'buttonImg': '../../Content/images/Attach-File.jpg',
'fileExt': '*.pdf;*.doc;*.ppt;*.odt;*.rtf;*.txt',
// 'sizeLimit': 10485760,
'sizeLimit': sizelimit,
'height': 29,
'width': 90,
'buttonText': 'Attach File',
'multi': false,
'auto': false,
'onSelect': function (a, b, c, d, e) {
},
'onComplete': function (a, b, c, d, e) {
}
// }
},
'onError': function () {
UploadOnError("File"); //function call
}
});
答案 2 :(得分:0)
确保uploadify-cancels.png文件与uploadify.swf位于同一目录中。
我不使用'cancelImg'属性。这是我的初始代码:
function setUploadAttachments() {
$("#<%=FileUpload1.ClientID %>").uploadify(
{
'queueSizeLimit': 1,
'checkExisting': 'CheckForExistingFileHandler.ashx?ID=<%=this.MRID.Value %>',
'multi': false,
'swf': '~/../../../scripts/uploadify.swf',
'uploader': 'UploadifyHandler.ashx',
'fileSizeLimit': '50MB',
'fileTypeExts': '*.gif; *.jpg; *.png; *.tif; *.xls; *.xlsx; *.csv; *.doc;',
'auto': true,
'method': 'post',
'formData': { 'ID': getParameterByName("ID"), 'UID': '<%=this.UID.Value %>' },
'onUploadComplete': function (file) {
uploadAttachments();
},
'buttonText': 'Select File'
});
}