2

我在metronic bootstrap框架上使用plupload。在桌面上它工作正常,但在智能手機或平板電腦上,我的瀏覽按鈕不打開窗口來選擇文件。plupload智能手機和平板電腦瀏覽按鈕事件沒有觸發

<div class="col-md-8"> 
    <div id="engine"></div> 
    <div id="dev_uploader"> 
    <div id="filelist"></div> 
</div> 
<a id="addImg" class="btn btn-bg btn-block"><i class="fa fa-plus"></i> add attachement</a> 

這裏是plupload腳本:

jQuery(function() { 
    var uploader = new plupload.Uploader({ 
     runtimes : 'html5,flash,silverlight,gears', 
     browse_button : 'addImg', 
     container : 'dev_uploader', 
     drop_element : 'dev_uploader', 
     max_file_size : '10mb', 
     chunk_size: '1mb', 
     url : '/upload.php', 
     flash_swf_url : '/js/plupload/Moxie.swf', 
     silverlight_xap_url : '/js/plupload/Moxie.xap', 
     filters : [{ 
      title : "Images", 
      extensions : "jpg,png,pdf" 
     }], 
     dragdrop: true, 
     multi_selection: false 
    }); 

    uploader.bind('Init', function(up, params) { 
     jQuery('#engine').html("Current runtime: " + params.runtime); 

     if (uploader.features.dragdrop) { 

      var target = $("devis_uploader"); 

      target.ondragover = function(event) { 
       event.dataTransfer.dropEffect = "copy"; 
      }; 

      target.ondragenter = function() { 
       this.className = "dragover"; 
      }; 

      target.ondragleave = function() { 
       this.className = ""; 
      }; 

      target.ondrop = function() { 
       this.className = ""; 
      }; 
     } 

    }); 

    uploader.init(); 

    // identify image div to refresh 
    uploader.bind('BeforeUpload', function (up, file) { 
     uploader.settings.multipart_params = { 
      site : '{$site.id}', 
      page : 'tender', 
      code : '{$newcode}', 
      id : file.id 
     } 
    }); 

    // after files added 
    uploader.bind('FilesAdded', function(up, files) { 
     imgs = files; 
     jQuery.each(files, function(i, file) { 
      //var ext = file.name.substr(file.name.lastIndexOf('.') + 1); 
      jQuery('#filelist').append(
       '<div id="' + file.id 
       + '" class="filethumb new"><span>' 
       + '(' + plupload.formatSize(file.size) 
       + ')</span> | <b>0%</b></div>' 
      ); 
     }); 

     //uploader.settings.multipart_params["id"] = i; 
     uploader.start(); 

     //e.preventDefault(); 
     up.refresh(); // Reposition Flash/Silverlight 
    }); 

    uploader.bind('UploadProgress', function(up, file) { 
     jQuery('#' + file.id + " b").html(file.percent + "%"); 
    }); 

    uploader.bind('Error', function(up, err) { 
     if(err.file) { 
      jQuery('#' + err.file.id).html('<i data-original-title="' + response.error.message + 
      '" id="popinfo' + file.id + '" style="color: #CCC" class="fa fa-exclamation-triangle fa-4x" data-toggle="tooltip" data-placement="top" title=""></i>'); 
     } 
     jQuery('#popinfo' + file.id).tooltip(); 
     up.refresh(); 
    }); 

    uploader.refresh(); 
}); 

我需要一個事件特別是結合移動設備我的設備來瀏覽?

感謝您的幫助。

+0

我加入這個初始化後(); :'uploader.bind('browse',function(up){alert('Browse');});'並且它不會開火!所以我認爲我的按鈕(實際上是錨)不能在我的觸摸屏上工作! – Meloman

回答

相關問題