Javascript plupload智能手机和平板电脑浏览按钮事件未触发

Javascript plupload智能手机和平板电脑浏览按钮事件未触发,javascript,twitter-bootstrap,dom-events,smartphone,plupload,Javascript,Twitter Bootstrap,Dom Events,Smartphone,Plupload,我在metronic引导框架上使用plupload。在桌面上,它工作正常,但在智能手机或平板电脑上,我的浏览按钮没有打开窗口来选择文件 <div class="col-md-8"> <div id="engine"></div> <div id="dev_uploader"> <div id="filelist"></div> </div> <a id="addImg" class=

我在metronic引导框架上使用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();
});
jQuery(函数(){
var uploader=新的plupload.uploader({
运行时:“html5、flash、silverlight、gears”,
浏览按钮:“添加”,
容器:“dev_uploader”,
drop_元素:“dev_uploader”,
最大文件大小:“10mb”,
块大小:“1mb”,
url:“/upload.php”,
flash_swf_url:'/js/plupload/Moxie.swf',
silverlight_xap_url:“/js/plupload/Moxie.xap”,
过滤器:[{
标题:“图像”,
扩展名:“jpg、png、pdf”
}],
德拉格德罗普:没错,
多重选择:错误
});
uploader.bind('Init',函数(up,params){
jQuery('#engine').html(“当前运行时:“+params.runtime”);
if(uploader.features.dragdrop){
var目标=$(“设计上传器”);
target.ondragover=函数(事件){
event.dataTransfer.dropEffect=“复制”;
};
target.ondragenter=函数(){
this.className=“dragover”;
};
target.ondraglave=函数(){
this.className=“”;
};
target.ondrop=函数(){
this.className=“”;
};
}
});
uploader.init();
//标识要刷新的图像div
uploader.bind('BeforeUpload',函数(up,file){
uploader.settings.multipart_参数={
站点:“{$site.id}”,
第页:'投标',
代码:“{$newcode}”,
id:file.id
}
});
//添加文件后
uploader.bind('FilesAdded',函数(up,files){
imgs=文件;
每个(文件,函数(i,文件){
//var ext=file.name.substr(file.name.lastIndexOf('.')+1);
jQuery(“#文件列表”).append(
'' 
+“(”+plupload.formatSize(file.size)
+ ') | 0%'
);
});
//uploader.settings.multipart_参数[“id”]=i;
uploader.start();
//e、 预防默认值();
up.refresh();//重新定位Flash/Silverlight
});
uploader.bind('UploadProgress',函数(up,file){
jQuery(“#”+file.id+“b”).html(file.percent+“%”);
});
uploader.bind('Error',函数(up,err){
if(err.file){
jQuery(“#”+err.file.id).html(“”);
}
jQuery('#popinfo'+file.id).tooltip();
up.refresh();
});
uploader.refresh();
});

我是否需要为移动设备绑定一个事件,以便我的设备浏览?

我的解决方案是手动触发按钮上的事件:

我在init()之后添加了这个:<代码>uploader.bind('browse',函数(up){alert('browse');})并且它没有开火!所以我认为我的按钮(锚)在我的触摸屏上不起作用!??