使用场景:
使用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);
}