webuploader不支持手机端吧?

vcxiaohan 发布于 2016/04/04 22:05
阅读 2K+
收藏 0

我做了一个简单的demo,在手机端运行,图片是可以选择,而且显示上传结束,但是后台并收不到请求啊???骗人的?

<!DOCTYPE html>
<html lang="en">
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
  <meta charset="UTF-8">
  <title>test</title>


  <script src="js/jquery-1.11.3.min.js"></script>
  <script src="js/webuploader.min.js"></script>


  <style>
    * {margin: 0; padding: 0;}
  </style>
</head>
<body>
    <div id="uploader" class="wu-example">  
        <!--用来存放文件信息-->  
        <div id="thelist" class="uploader-list"></div>  
        <div class="btns">  
            <div class="picker">选择文件</div>  
            <button id="ctlBtn" class="btn btn-default">开始上传</button>  
        </div>  
    </div>  
    <div class="showCtn"></div>
    <div class="div1">click</div>
  <script>
$(function() {
    
        var uploader = WebUploader.create({  
                        //swf文件路径,是相对于html而言  
                        swf: 'js/Uploader.swf',  
                        //文件接收接口  
                        server: '../../material/jQueryFileUpload?type='+ 1,  
                        //选择文件按钮  
                        pick: '.picker'  
                    });  
                      
                    //加入上传队列  
                    uploader.on( 'fileQueued', function( file ) {  
                        var str = '<div id="'+ file.id +'"><img src=""><p>'+ file.name +'</p><p class="state">等待上传</p><div class="progress"><span class="progress-bar">进度条</span></div></div>';  
          
                        $('.showCtn').append(str);  
          
                        $img = $('#'+ file.id).find('img');  
          
                        //创建预览图  
                        uploader.makeThumb( file, function( error, src ) {  
                            if ( error ) {  
                                $img.replaceWith('<span>此文件无法预览</span>');  
                                return;  
                            }  
          
                            $img.attr( 'src', src );  
                        }, 200, 200 );  
                    });  
          
                    //点击上传  
                    $('#ctlBtn').on('click', function() {  
                        uploader.upload();  
          
                    });  
                      
                    //显示进度条  
                    uploader.on( 'uploadProgress', function( file, percentage ) {  
                        var $li = $( '#'+ file.id ),  
                            $percent = $li.find('.progress-bar');  
                      
                        $li.find('.state').text('正在上传');  
          
                        $percent.css( 'width', percentage*100 +'%' );
                        $('body').append(percentage);
                    });  
                      
                    //上传成功  
                    uploader.on( 'uploadSuccess', function( file, response ) {  
                        $( '#'+file.id ).find('.state').text('上传成功');                                                                                                         //uploader.reset();//如果出现问题,一定要加上这一句  
                    });  
                      
                    //上传失败  
                    uploader.on( 'uploadError', function( file, response ) {  
                        $( '#'+file.id ).find('.state').text('上传出错');  
                    });  
                      
                    //上传结束  
                    uploader.on( 'uploadComplete', function( file, response ) {  
                        $( '#'+file.id ).find('.state').text('上传结束');  
                    });




});




 
  </script>







  
</body>
</html>

加载中
0
blue_think
blue_think
不能用,要改很多的,很麻烦。手机端的话很多JQ类的插件都没法用,建议还是找html5。不过明哥(对,就是那个号称能取代jq的明哥哥哥哥)的那个头像插件手机上能用,就是卡了点,哈哈哈
0
Minho
Minho

WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流IE浏览器,沿用原来的FLASH运行时,兼容IE6+,iOS 6+, android 4+。

最低支持Android4.

Minho
Minho
回复 @vcxiaohan : 可以试试别的机型。小米的手机不兼容性很高。
v
vcxiaohan
我的是小米4,版本都6.x了
0
alexgaoyh
alexgaoyh

4.x 以上的应该都可以··

https://github.com/fex-team/webuploader/issues/185

alexgaoyh
alexgaoyh
回复 @vcxiaohan : 应该可以的,米4是MIUI 6(基于Android OS 4.4)操作系统,注意上述链接中的几个注意点。
v
vcxiaohan
我的。是小米4
0
v
vcxiaohan
  (´▽`)ノ♪按钮
0
Sean!Zen
Sean!Zen
应该支持的
0
insights
insights
手机上还是别用flash..只能说明你屌爆了.. 直接html就OK了.
返回顶部
顶部