无限星辰工作室-客户无限互联网动力之源

标题: easyUploader 上传组件设置 [打印本页]
作者: crx349    时间: 2019-8-9 00:07
标题: easyUploader 上传组件设置
1.引入 js 和 css

  2. <link rel="stylesheet" href="css/main.css">
  3. <script src="/js/easyUploader.js"></script>
复制代码

2.div
  1. <div id="uploader"></div>
复制代码

3.js
  1. <script>
  2.     var uploader = easyUploader({
  3.         id: "uploader",
  4.         name: 'download',/* input文件名称名称 */
  5.         autoUpload: true, /* 是否开启自动上传 */
  6.         accept: '.jpg,.png',
  7.         action: FILEURL,
  8.         dataFormat: 'formData',
  9.         maxCount: 10,
  10.         maxSize: 3,
  11.         multiple: true,
  12.         data: null,
  13.         beforeUpload: function(file, data, args) {
  14.             /* dataFormat为formData时配置发送数据的方式 */
  15.             //data.append('token', '387126b0-7b3e-4a2a-86ad-ae5c5edd0ae6TT');
  16.            // data.append('otherKey', 'otherValue');

  18.             /* dataFormat为base64时配置发送数据的方式 */
  19.             // data.base = file.base;
  20.             // data.token = '387126b0-7b3e-4a2a-86ad-ae5c5edd0ae6TT';
  21.             // data.otherKey = 'otherValue';
  22.         },
  23.         onChange: function(fileList) {
  24.             /* input选中时触发 */
  25.         },
  26.         onRemove: function(removedFiles, files) {
  27.             console.log('onRemove', removedFiles);
  28.         },
  29.         onSuccess: function(res,previewId) {
  30.             console.log('onSuccess', res);
  31.             var val = res.data;
  32.             $("<input type='hidden' name='atts[]' value='" + val + "' />").appendTo('#' + previewId);
  33.         },
  34.         onError: function(err) {
  35.             console.log('onError', err);
  36.         },
  37.     });
  38. </script>
复制代码




欢迎光临 无限星辰工作室-客户无限互联网动力之源 (https://www.xmspace.net/) Powered by Discuz! X3.4