如何在Uploadify中添加cancelImg

时间:2013-01-18 17:34:41

标签: javascript uploadify

在许多上传的在线示例中,您将看到javascript插件中使用的名为“cancelImg”的属性,您可以在其中指定用于闪存控件中“取消按钮”的小X,如果您想要取消上传。这样做对我来说不起作用(没有图像或取消按钮出现,虽然有一个“隐形取消按钮”,你可以点击取消上传)和官方文档实际上甚至没有指定存在这样的财产。

有人知道在我上传文件时如何让取消按钮显示在闪光控制中吗?使用包含的uploadify-cancels.png就可以了。

更新:以下是Flash控件的外观。您可以看到右侧没有取消按钮:

enter image description here

这是我的代码:

 $(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
                });
            });

谢谢, 杰

3 个答案:

答案 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'
    });
}