<style type="text/css"> #uploadfileQueue { position: relative; left: 0; top: 0; border: 1px solid #a7c5e2; margin-bottom: 5px; height: 228px; width: 350px; overflow-x: hidden; overflow-y: auto; } .uploadify-queue-item { /* background-color: #F5F5F5; */ background-color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font: 11px Verdana, Geneva, sans-serif; /* margin-top: 5px; */ margin: 5px 5px 5px 5px; max-width: 350px; padding: 10px; } .uploadify-progress { background-color: #E5E5E5; margin-top: 10px; width: 100%; } .uploadify-progress-bar { background-color: #0099FF; height: 3px; width: 1px; } </style>
最后的效果。什么，还想要uploadify的删除队列里文件的叉叉，好吧
在style里再加上这段
.uploadify-queue-item .cancel a { background: url('js/uploadify-cancel.png') 0 0 no-repeat; float: right; height: 16px; text-indent: -9999px; width: 16px; }
当然还得加上删除的js代码。这里官方api里面有removeFile(file)但是，用再这里不太好使。于是使用了另一个方法splice(num,length),num是从第几个开始删，length是删除的个数。
function _plupload_removeFile(removeNum,fileId){ globalUploader.files.splice(removeNum,1);//删除部分文件 $(fileId).fadeOut(); }
最终效果。
以上所述是小编给大家介绍的plupload+artdialog实现多平台上传文件，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章: