博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQuery文件上传插件JQuery.upload.js的用法简介
阅读量:7236 次
发布时间:2019-06-29

本文共 1079 字,大约阅读时间需要 3 分钟。

JQuery文件上传插件,这个插件很小,用法很简单,效果却很棒,

先看看效果图
JQuery文件上传插件JQuery.upload.js的用法简介
JQuery文件上传插件JQuery.upload.js的用法简介
JQuery文件上传插件JQuery.upload.js的用法简介

是不是很简洁清爽,后台Java文件接收类就不贴了,都是一样的。

注意:为了简洁的接收上传文件的相关信息,后台凡是在涉及上传文件的实体类,都增加字段‘upload’。

1、HTML部分:
只需添加一行就行:

说明:         action:接收文件的url,如action="/userinfo/upload"         data-num:允许上传文件的数量,如data-num="2"         data-type:允许上传文件的格式,如data-type="jpg,pdf,docx"         data-size:单个文件的大小限制,单位Bytes,如data-size="10240"(1M)         data-value:没上上传成功后,接收到的信息(其实没啥用)另外:通过浏览器的开发者模式,可以看见每次操作时的源码格式如下(删除了无关紧要的代码):
  • 我国道路运输信息化建设现状与发展对策.pdf
  • 2015-07-15_信息技术研发部项目补贴的申请.docx
  • 注意:name=‘upload’的表单,实际上传的形如:D:\uploadfile\201811\img20181101164635272.doc,D:\uploadfile\201811\img20181101164643973.pdf,我们的检测装置示意图及待检测的振动说明.doc,我国道路运输信息化建设现状与发展对策.pdf

    2、JS部分:

    只有一行:$("#case").upload();
    为了同时把原文件名和服务器上保存该文件的全路径,需要在提交保单前,增加如下代码,以便通过name="upload"来传递文件原名称和保存路径(只针对文件,图片没有原文件名称)

    $(".filename").each(function(){                        $("[name=upload]").val($("[name=upload]").val()+','+$(this).html());                    });

    转载于:https://blog.51cto.com/3058076/2374493

    你可能感兴趣的文章
    部署WAR包实时查看Tomcat的状态和日志
    查看>>
    vex使用...mapActions报错解决办法
    查看>>
    胡捷:区块链是促进个体信任的“天使”,也是消减中心权利的“魔鬼”
    查看>>
    使用docker-compose快速搭建zookeeper集群
    查看>>
    TFC暨智能娱乐展乐相科技陈朝阳致开发者:为什么你要信任虚拟现实
    查看>>
    深入解读HBase2.0新功能之高可用读Region Replica
    查看>>
    Linux中KVM虚拟机是什么
    查看>>
    「镁客·请讲」Lucia 焦玉龙:用区块链技术切入长租行业,Lucia要做长租领域的变革者...
    查看>>
    【加法笔记系列】逻辑门、半加器、全加器、波纹进位加法器
    查看>>
    递归基础思想
    查看>>
    通过组策略禁止有本地管理员权限的域用户更改网络配置
    查看>>
    git revert和reset区别
    查看>>
    Android内存优化2 了解java内存分配 2
    查看>>
    机器学习的入门逻辑回归
    查看>>
    Webpack入门教程十四
    查看>>
    利用CPUID 汇编指令(转载)
    查看>>
    “看脸”看不出花,但人工智能可以“看”出性格
    查看>>
    HIVE之 Sqoop 1.4.6 安装、hive与oracle表互导
    查看>>
    有了这四个“最”,AI或许可以成功预测地震
    查看>>
    三角阵
    查看>>