zoukankan      html  css  js  c++  java
  • 手机端h5 ajax 上传图片支持微信内置浏览器

    <meta charset="utf-8"/>
    <link rel="stylesheet" type="text/css" href="webuploader.css"/>
    <!--引入JS-->
    <script type="text/javascript" src="jquery-1.10.1.min.js"></script>
    <script type="text/javascript" src="webuploader.html5only.min.js"></script>
    <div id="uploader-demo">
        <!--用来存放item-->
        <div id="fileList" class="uploader-list"></div>
        <div id="filePicker">选择图片</div>
    </div>
    <script>
    // 初始化Web Uploader
    var uploader = WebUploader.create({
        // 选完文件后,是否自动上传。
        auto: true,
        // 文件接收服务端。
        server: 'up.php',
        // 选择文件的按钮。可选。
        // 内部根据当前运行是创建,可能是input元素,也可能是flash.
        pick: '#filePicker',//
        //设置文件上传域的name
    	fileVal:'filePicker',
        // 只允许选择图片文件。
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/*'
        },
    });
    //上传成功后的回调
    uploader.on( 'uploadSuccess', function(file) {
      $('#fileList').append('<img src="'+file.name+'"/>');
    })
    </script>

    点击上传,会延迟几秒 修改mineTypes image/gif,image/jpg

      使用webuploader,以上代码仅供参考。

  • 相关阅读:
    winform中key读取修改
    验证时间的正则表达式
    oracle 死锁
    SQL中GETDATE()一些操作
    SQL查询优化
    .config 中特殊字符的处理
    判断二个时间是否在同一周内
    Repeater嵌套(灵活的)
    获取同一字段不同的值
    泛型详解
  • 原文地址:https://www.cnblogs.com/JANCHAN/p/7216360.html
Copyright © 2011-2022 走看看