首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >File-Upload未查看已加载的列表文件

File-Upload未查看已加载的列表文件
EN

Stack Overflow用户
提问于 2015-01-30 23:18:17
回答 1查看 81关注 0票数 0

您好,我正在使用jQuery blueimp文件上传。我想在上传一个新文件的时候,在页面上看不到已经加载的文件列表。(文件停留在目录中)有没有可能?

谢谢

EN

回答 1

Stack Overflow用户

发布于 2015-01-30 23:30:09

在这里,这个脚本在没有警告的情况下直接上传你的文件。我已经测试它工作得很好。

更新:

代码语言:javascript
复制
<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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28238951

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档