【问题标题】:Drag and Drop upload not working in IE拖放上传在 IE 中不起作用
【发布时间】:2013-07-02 14:57:40
【问题描述】:

在我将图片上传到服务器的网站中,我使用 HTML5 Drag and Drop 上传方法。

我正在使用 mfupload.js 开源脚本。它适用于除 IE 之外的所有浏览器。

请告诉我如何让它在 IE 中工作,或者请为 IE 提供好的脚本。

注意:拖放是指从文件夹中拖放到网页中。

脚本:

    <script src="js/mfupload.js" type="text/javascript"></script>
<script type="text/javascript">

$().ready(function() {

    var errors="";

    $('#upload').mfupload({

        type        : 'jpeg,jpg,png,gif,mp3,aac,aif,aiff,m4a,wav,mp4,ogg,webm,mov,m4v,3gp,3g2,m2v,avi', //all types
        maxsize     : 20,
        post_upload : "./upload.php",
        folder      : "./file/pic/uploaded_files",
        ini_text    : "Drop your photo,video or audio here",
        over_text   : "Drag your file(photo,video or audio) (max-size: 20MB each)",
        over_col    : 'gray',
        over_bkcol  : 'white',

        init        : function(){       
            $("#uploaded").empty();
        },

        start       : function(result){ 
            pop_uploading();
            $("#uploaded").append("<div id='FILE"+result.fileno+"' class='files'>"+result.filename+"<div id='PRO"+result.fileno+"' class='progress'></div></div>"); 
        },

        loaded      : function(result){
            $("#PRO"+result.fileno).remove();
            $("#FILE"+result.fileno).html("Uploaded: "+result.filename+" ("+result.size+")");
        },

        progress    : function(result){
            $("#PRO"+result.fileno).css("width", result.perc+"%");
        },

        error       : function(error){
            errors += error.filename+": "+error.err_des+"\n";
        },

        completed   : function(){
            if (errors != "") {
                alert(errors);
                errors = "";
            }
        }
    });     
})
</script>

提前致谢.....

【问题讨论】:

  • 在没有 Flash 或 Java 的 IE9 或更早版本中无法拖放文件。

标签: javascript jquery file-upload drag-and-drop


【解决方案1】:

写在mfupload.js documentation:

与 Internet Explorer (

所以我想,要么您必须编辑库,要么您可以使用另一个库,例如 Plupload

【讨论】:

    猜你喜欢
    • 2014-04-06
    • 2012-12-16
    • 1970-01-01
    • 1970-01-01
    • 2015-12-25
    • 1970-01-01
    • 1970-01-01
    • 2019-04-21
    • 1970-01-01
    相关资源
    最近更新 更多