之前上传图片一直遇到问题,1600*799 大小570Kb上传居然分批次,很奇葩,结果是因为没分片,之前不了解webuploader,现在多少知道了,感谢下文

插件下载地址:http://download.csdn.NET/my

API文档:http://fex.baidu.com/webuploader/

引入:

<link rel="stylesheet" href="js/diyUpload/css/webuploader.css"/>
<link rel="stylesheet" href="js/diyUpload/css/diyUpload.css"/>

<script src="js/jQuery-1.11.2.min.js"></script>
    <script src="js/diyUpload/js/webuploader.html5only.min.js"></script>
    <script src="js/diyUpload/js/diyUpload.js"></script>

html页面:

<!--上传图片-->
        <div id="box">
         <div id="test" ></div>
        </div>
        
        <!--上传文件-->
        <div id="demo">
            <div id="as" ></div>
        </div>

js:

//        上传图片
      $('#test').diyUpload({
            url:'server/fileupload.PHP',
            success:function( data ) {
                console.info( data );
            },
            error:function( err ) {
                console.info( err );    
            }
        });
        
//        上传文件
        $('#as').diyUpload({
            url:'server/fileupload.php',
            success:function( data ) {
                console.info( data );
            },
            error:function( err ) {
                console.info( err );    
            },
            buttonText : '选择文件',
            chunked:true,
            // 分片大小
            chunkSize:512 * 1024,
            //最大上传的文件数量, 总文件大小,单个文件大小(单位字节);
            fileNumLimit:50,
            fileSizeLimit:500000 * 1024,
            fileSingleSizeLimit:50000 * 1024,
            accept: {}
        });

多图片上传,多文件上传。插件diyUpload.js相关推荐

  1. java 图片上传_java web图片上传和文件上传实例

    本篇文章主要介绍了java web图片上传和文件上传实例,具有一定的参考价值,有需要的可以了解一下. 图片上传和文件上传本质上是一样的,图片本身也是文件.文件上传就是将图片上传到服务器,方式虽然有很多 ...

  2. java web文件上传详解_java web图片上传和文件上传实例详解

    java web图片上传和文件上传 图片上传和文件上传本质上是一样的,图片本身也是文件.文件上传就是将图片上传到服务器,方式虽然有很多,但底层的实现都是文件的读写操作. 注意事项 1.form表单一定 ...

  3. 图片和视频的上传(文件上传通用)

    流程如下: 1.先引入el-upload 2.调用上传前事件 3.上传前事件中将file文件转formData 4.调用后端oss接口上传文件 5.上传完成后回显数据 6.点击图片/视频预览 图片和视 ...

  4. java文件上传_Java文件上传细讲

    什么是文件上传? 文件上传就是把用户的信息保存起来. 为什么需要文件上传? 在用户注册的时候,可能需要用户提交照片.那么这张照片就应该要进行保存. 上传组件(工具) 为什么我们要使用上传工具? 为啥我 ...

  5. php 超过100m文件上传,科技常识:apache+php上传大文件以上传100M为例

    科技常识:apache+php上传大文件以上传100M为例 2021-03-19 18:54:57 今天小编跟大家讲解下有关apache+php上传大文件以上传100M为例 ,相信小伙伴们对这个话题应 ...

  6. themyleaf 图片上传_javaEE --springboot #实现图片上传和回显 #单文件上传 #多文件上传 #ajax异步文件上传 (非常详细,从创建项目开始)...

    实现文件上传和回显 1.新建一个SpringBoot项目,选择 Spring Web 和 thymeleaf 依赖 .pow.xml文件下的依赖如下 2.根据下图,创建如下文件 3.直接上代码 配置文 ...

  7. php封装图片上传,PHP文件上传封装

    文件上传封装 include 'uploadone.php'; header("Content-type: text/html; charset=utf-8"); //封装获取文件 ...

  8. Java做图片上传、文件上传、 批量上传、 Base64图片上传 。附上源码

    Java做文件上传.图片上传后台方法 利用Springboot快速搭建项目环境 项目源码已经上传到码云:https://gitee.com/jack_party/upload .喜欢的朋友可以支持一下 ...

  9. java实现上传_文件上传(java)

    最近看了一本书上的代码,代码的主要功能是实现文件的上传.但是,当我运行代码的时候竟然报错了.(我用的IDEA).有错就解决吧.以下是我遇到的几个错误. 废话不多说先附上源代码. UploadServl ...

  10. java 文件上传 demo_java文件上传Demo

    说到文件上传我们要做到: 1.引入两个包:commons-fileupload-1.2.1.jar和commons-io-1.3.2.jar 2.将form改为上传文件模式:enctype=" ...

最新文章

  1. 什么是Hive?它有哪些特点和特性?
  2. python中options类_python中的optionParser模块
  3. Ceph Storage Cluster(CEPH存储集群) Configuration配置
  4. HDU 5001 概率DP || 记忆化搜索
  5. 免费网络学术资源获取
  6. IEDA中彻底删除项目
  7. Leetcode883.Projection Area of 3D Shapes三维形体投影面积
  8. 两年前端菜鸟回忆篇(1)
  9. 计算机用键盘能干什么,年轻人的第一块智能键盘-半台MBP能干什么?
  10. 宝可梦推出「电子鸡」新游戏 训练师赶紧将可爱伊布带回家!
  11. 如何增加人机数量及平衡_如何识别自己身体类型,针对三种不同身体类型的改变策略...
  12. 简洁商业计划书PPT模板
  13. svn 命令行使用总结
  14. 权威的PHP 5.6、7.0、7.1、7.2、7.3和7.4 php运行效率基准测试
  15. APP支付宝登录第三方授权如何签约入口在哪里
  16. JS快速获取本周、本月时间区间的方法
  17. 【OpenStack】Nova中的rebuild和evacuate(HA)
  18. 3374——数据结构实验之查找二:平衡二叉树
  19. 黑马程序员----swift基础语法!
  20. Java——Jsoup方式的IP代理服务器的使用

热门文章

  1. 网狐大厅介绍页js脚本错误
  2. Web自动化测试:超详细的环境搭建步骤
  3. 元件封装尺寸_单位换算表
  4. 《人工智能 一种现代方法》第三版 第1章 概述 笔记摘录
  5. KDD 2016 | node2vec:Scalable Feature Learning for Networks
  6. lammps后处理:ovito快速提取单条位错线的伯氏矢量
  7. 连接打印机错误0x000000bcb解决方法
  8. Podfile.lock
  9. linux可上网limbo镜像,limbo模拟器win10精简版
  10. 使用Java抓取解析汽车之家车型配置数据