找回密码
 立即注册

QQ登录

只需一步,快速开始

easyUploader 上传组件设置

领券优惠购买阿里云
1.引入 js 和 css

  1. <link rel="stylesheet" href="css/main.css">
  2. <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');

  17.             /* dataFormat为base64时配置发送数据的方式 */
  18.             // data.base = file.base;
  19.             // data.token = '387126b0-7b3e-4a2a-86ad-ae5c5edd0ae6TT';
  20.             // data.otherKey = 'otherValue';
  21.         },
  22.         onChange: function(fileList) {
  23.             /* input选中时触发 */
  24.         },
  25.         onRemove: function(removedFiles, files) {
  26.             console.log('onRemove', removedFiles);
  27.         },
  28.         onSuccess: function(res,previewId) {
  29.             console.log('onSuccess', res);
  30.             var val = res.data;
  31.             $("<input type='hidden' name='atts[]' value='" + val + "' />").appendTo('#' + previewId);
  32.         },
  33.         onError: function(err) {
  34.             console.log('onError', err);
  35.         },
  36.     });
  37. </script>
复制代码
无限星辰工作室 www.xmspace.net 星辰云擎 monitor.xmwxxc.com 星辰加密 phpjm.xmwxxc.com
服务Discuz!建站|搬家|运维|挂马防护|Win Linux网站环境(lanmp)架设优化|服务器安全维护|解决CPU100|解决论坛卡顿|Thinkphp定制开发|App开发|微擎运维|小程序开发|Cms/Cmf二开
服务理念:专业 诚信 友好QQ842062626 服务项目 http://www.xmspace.net/service.php Discuz!交流群 315524225
发表于 2019-8-9 00:07:10 | 显示全部楼层 |阅读模式

回复 | 使用道具 举报

该帖共收到 0 条回复!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

美图秀

    • ApplicationHost.config 修改无效解决方案
    • Centos 6/7 常用补丁更新
    • 论坛合并附件显示修复插件
    • Centos x64 7 下 Oracle 扩展配置
    • Discuz!x3.3-x3.4支付宝错误补丁
拖动客服框
Online Service
点击这里给我发消息
点击这里联系我们
微信扫一扫
在线客服
快速回复 返回顶部 返回列表