php結合web uploader外掛實作分片上傳檔案 jquery file upload ajaxfileupload.js jquery uploadif

<!--引入CSS-->
<link rel="stylesheet" type="text/css" href="webuploader文件夹/webuploader.css">

<!--引入JS-->
<script type="text/javascript" src="webuploader文件夹/webuploader.js"></script>

<div>
  <!--用来存放文件信息-->
  <div></div>
  <div>
    <div>选择文件</div>
    <button>开始上传      </button>
  </div>
  </div>

jQuery(function() {
    $list = $('#thelist'),
      $btn = $('#ctlBtn'),
      state = 'pending',
      uploader;

    uploader = WebUploader.create({
      // 不压缩image
      resize: false,
      // swf文件路径
      swf: 'uploader.swf',
      // 文件接收服务端。
      server: upload.php,
      // 选择文件的按钮。可选。
      // 内部根据当前运行是创建，可能是input元素，也可能是flash.
      pick: '#picker',
      chunked: true,
      chunkSize:2*1024*1024,
      auto: true,
      accept: {
        title: 'Images',
        extensions: 'gif,jpg,jpeg,bmp,png',
        mimeTypes: 'image/*'
      }
    });