easyuploader一个不错的js上传工具,操作比较简单

在移动端某地地方需要上传图片,找了一个比较简洁好用的上传工具,这个工具操作很简单。EasyUploader上传文件




<script src="/static/mall/lib/jquery-2.1.4.js"></script>
<script type="text/javascript" src="/static/com/easyuploader/easyuploader.min.js"></script>
<script>

  var eu = new EasyUploader({
    'file': '#uploaderInput',//input[type='file']的方式
    'url': './upload.php',
    'autoUpload': true,
    'language': 'en',
    'compress': true,
    'resize': {
      'maxWidth': 1000,
      'maxHeight': 1000
    },
    'compressQuality': 0.9,
    'maxFileSize': '10M',
    onUploadProgress: function (e) {
      console.log('the progress:' + ((e.loaded / e.total) * 100).toFixed(2) + '%');
    },
    onUploadStart: function (e) {
      console.log('the file will upload');
    },
    onUploadComplete: function (data) {
      console.log('data',data)
      alert(data.msg);
      if (data.code == 1) {
        fileData = data.data;
        if (fileData.file_type.indexOf('image/') >= 0) {
          img.src = fileData.path;
          fileFrameObj.appendChild(img);
        } else {
          div.innerHTML = 'the file path:' + fileData.path;
          fileFrameObj.appendChild(div);
        }
      }
    },
    onUploadError: function (statusCode) {
      console.log(statusCode);
    }
  });
</script>


更多看demo(包含js):

easyuploader.zip


评论/留言