1

Plupload はすべてのブラウザ バー IE で動作します。#photo-uploadIE でリンクを押しても、ファイル ブラウザが開きません。のインスタンスuploaderは間違いなく適切に作成されており、開発ツールでチェックされています。

解決策に感謝します！

これは、アップローダを作成するために使用しているスクリプトです。

        var uploader = new plupload.Uploader({
            runtimes : 'gears,html5,flash,silverlight,html4',
            browse_button : 'photo-upload',
            container : 'img-container',
            url : 'productPhoto.php?id=<?=$_GET["id"];?>',
            max_file_size : '5mb',
            flash_swf_url : '/dev/plupload/js/plupload.flash.swf',
            silverlight_xap_url : '/dev/plupload/js/plupload.silverlight.xap',
            unique_names : true,
            filters : [{title : "Image files", extensions : "jpg,gif,png"}],
            multipart_params: {type:1},

            // Post init events, bound after the internal events
            init : {
                UploadProgress: function(up, file) {
                    // Called while a file is being uploaded
                    $("#bar").css("width",file.percent+"%");
                },
                FilesAdded: function(up, files) {
                    $(".progress").slideDown();
                    uploader.start();
                    up.refresh(); // Reposition Flash/Silverlight
                },
                UploadComplete: function(up, file, info) {
                    // Called when a file has finished uploading
                    setTimeout(function(){
                        $(".progress").slideUp();
                        $("#bar").css("width","0");
                        document.location.reload();
                    },2000);
                },
                Error: function(up, args) {
                    // Called when a error has occured
                    alert(args);
                    up.refresh(); // Reposition Flash/Silverlight
                }
            }
        });
        uploader.init();
4

3 に答える 3

3

リンクがドロップダウン内にあり、開始時に非表示になっているという問題。リンクが表示されている必要があります。

于 2012-11-13T18:13:18.390 に答える
1

非表示のコンテナー内にアップロード コントロールを配置しないようにすることをお勧めします。

<div class="container" style="display:none">
    <a id="pickfiles" href="#">[Select files]</a>
    <a id="uploadfiles" href="#">[Upload files]</a>
</div>

上記の例では、コンテナ div に style 要素を示すdisplay:noneプロパティがあります。これが IE で動作しない理由です。

スタイル要素に変更するdisplay:blockか削除するだけで機能します。

于 2013-10-04T15:01:39.180 に答える
0

IE 8 でページの読み込み時に plupload div を非表示にすることで同じ問題が発生しました。display:none の代わりに、div を画面の外に絶対に配置することを選択し、必要に応じて新しい上/左座標を渡します。

    #plupload {
        display: block;
        position:absolute;
        top:-999px;
        left:-999px;
        background:#fff;
        border:1px solid #c8c8c8;
        padding:10px;
        z-index: 951;
    }

    $('#some-button-to-open-plupload-widget').button().click(function() {
         var css = {"top":"175px", "left":"175px"};
         $("#plupload").css(css);
    });

    $('#some-button-to-close-plupload-widget').button().click(function() {
         var css = {"top":"-999px", "left":"-999px"};
         $("#plupload").css(css);
    });

    <div id="plupload">
       <a href="" class="ui-icon ui-icon-close" id="close"></a>
       <div id="uploader" style="display:block">
           <p>Your browser doesn't have Flash, Silverlight or HTML5 support.</p>
       </div>    
    </div>
于 2015-07-09T16:45:22.480 に答える