2015-10-16 64 views
1

我使用Plupload上傳圖片在我的網站。它在所有桌面瀏覽器上都很有魅力,但在i-pad中卻不起作用。當我點擊上傳按鈕時,它刷新頁面。我搜查了一下,但沒有找到任何解決辦法。最後,我在這裏問我的問題。我使用pl上傳Core Api。Plupload不工作在ipad

這裏是我的代碼:

var uploader = new plupload.Uploader({ 
     runtimes : 'html5,flash,silverlight,html4', 
     browse_button : 'local_file_upload', // you can pass an id... 
     container: document.getElementById('container'), // ... or DOM Element itself 
     url : "<?php echo WEBSITE_URL . '/includes/upload.php';?>", 
     unique_names : true, 
     multi_selection: false, 
     max_file_count: 1, 
     flash_swf_url : pl_upload_url+'Moxie.swf', 
     silverlight_xap_url : pl_upload_url+'/Moxie.xap', 
     filters : { 
      max_file_size : '10mb', 
      mime_types: [ 
       {title : "Image files", extensions : "jpg,gif,png,jpeg"}, 
      ] 
     }, 

     init: { 
            PostInit: function() { 
                document.getElementById('filelist').innerHTML = ''; 
      
                document.getElementById('upload_images').onclick = function() { 
                    uploader.start(); 
        jQuery("#upload_images").css("display","none"); 
                    return false; 
                }; 
            }, 
      FileUploaded: function (up, file) { 
       if(image_path != "") 
       { 
        jQuery("#filelist").css("display","none"); 
        var ajaxURL = "../includes/ajax.php"; 
        jQuery.post(ajaxURL,"image_path="+image_path+"&ajax=true&action=uploadImage",function(data) 
        { 
         jQuery("#preview_image").html("<img src='<?php echo WEBSITE_URL.'/uploads/users/'.$user_id.'/thumbnail/'?>"+file.target_name+"' style='width:100%'/>"); 
        }); 
       } 
       else 
       { 
        alert("<?php echo _("Kinldy select image to upload");?>"); 
       } 
      }, 
            FilesAdded: function(up, files) { 
       if (uploader.files.length == 2) { 
        uploader.removeFile(uploader.files[0]); 
       } 
                plupload.each(files, function(file) { 
        jQuery("#filelist").css("display","block"); 
                    var img_type = file.name; 
        var type = img_type.split("."); 
        image_path = file.id+"."+type[1]; 
        document.getElementById('filelist').innerHTML = '<div id="' + file.id + '" >' + img_type + ' (' + plupload.formatSize(file.size) + ') <b image_path="'+file.id+"."+type[1]+'" style="color:#fff;" onclick="removeImage(this);">x</b></div>'; 
        jQuery("#upload_images").css("display","block"); 
                }); 
            }, 
      
            UploadProgress: function(up, file) { 
                jQuery("#"+file.id).find("b").html('<span>' + file.percent + "%</span>"); 
            }, 
      
            Error: function(up, err) { 
                document.getElementById('console').innerHTML += "\nError #" + err.code + ": " + err.message; 
            } 
        } 
    }); 

    uploader.init(); 

等待一些答覆。謝謝

+0

我對所有貼在這裏的移動設備都有同樣的問題:http://stackoverflow.com/questions/36938051/plupload-smartphone-and-tablet-browse-button-event-not-firing – Meloman

回答

0

我有一個與ipad plupload類似的問題。 我複製了你的代碼,它確實刷新了頁面。

我試着刪除「PostInit」代碼,並停止刷新頁面。