文件上传未看到已加载的列表文件

时间:2015-01-30 15:18:17

标签: jquery blueimp

你好我正在使用jQuery blueimp文件上传。 我想在上传新文件时,在页面中看不到已加载的文件列表。(文件保留在目录中) 有可能吗?

由于

1 个答案:

答案 0 :(得分:0)

此处,此脚本会直接上传您的文件而不会发出警告。我已经测试过它可以正常工作。

<强>更新:

<script>
    var oFReader = new FileReader();
        oFReader.readAsDataURL(document.getElementById("file").files[0]);
        oFReader.onload = function (oFREvent) {
        document.getElementById("fileUp").src = oFREvent.target.result;
    };
</script>
<?php
if ($mypath = opendir('myfiledir/')) {
    while (false !== ($filedispl = readdir($mypath))) {
        if ($filedispl != "." && $filedispl != "..") {
            echo "<ul class='filelist'>LIST FILES:";
            echo "<li>$entry</li>";
            echo "</ul>";
        }
    }
}   
?>
<br />
<b>Currently Uploaded:</b><br />
<div id="fileUp"><!--file will be displayed here--></div>
<input id="file" type="file" name="file" onchange="myfile();" class="btn btn-default" />
<script>
function displ_myfile() {
    var oFReader = new FileReader();
        oFReader.readAsDataURL(document.getElementById("file").files[0]);
        oFReader.onload = function (oFREvent) {
            document.getElementById("fileUp").src = oFREvent.target.result;
    };
};
</script>

以下教程也有助于更好的开发:

http://www.raymondcamden.com/2013/09/10/Adding-a-file-display-list-to-a-multifile-upload-HTML-control