uploadify 插入文件

来源:互联网 发布:淘宝店铺图标怎么制作 编辑:程序博客网 时间:2024/05/14 08:35

使用场景:

使用uploadify插件时,当你上传了文件后,会生成文件列表,这时候你可以删除或者重新上传,但是当一些内容已经添加后,需要修改的时候,我们需要把上传的文件名显示出来,然而我找了官方的文档,没有发现有现成的函数,所以自己写了个,可以简易的实现功能。fileQueue是显示上传列表div的id。


uploadify插件向div中插入文件的方法。

function insertFileList() {
            var fileName = " <div id='fileID' class='uploadify-queue-item'><div class='cancel'> <a href=\"javascript:$('#uploadify').uploadify(\'cancel\', \'fileID\')\">X</a></div> <span class=\"fileName\">fileName (fileSize)</span><span class=\"data\" cancel=\"No\" url='/upload/test.jpg'></span></div>";
            $('#fileQueue').append(fileName);
        }

最后,可以用下面的方法得到上传的文件列表:

function uploadSure() {
            var uploadValue = '';
            $('#fileQueue').find('.uploadify-queue-item').each(function () {
                // var cancel = $(this).find('.data').first().attr('cancel');
                var url = $(this).find('.data').first().attr('url');
                uploadValue += url + ",";
            });
            if (uploadValue.length > 0) {
                uploadValue = uploadValue.substr(0, uploadValue.length - 1);
            }
            $('#hidUploadFile').val(uploadValue);
        }

0 0
原创粉丝点击