Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
资源推荐
免费资源下载中心
一站式解决工作学习需求的宝藏网站
蜂小推
不扣量的项目推广平台
宝塔服务器面板
简单好用的服务器运维面板
3387游戏盒子
提供热门折扣手游,助你轻松畅玩各种类型的游戏
AiPPT
全智能AI一键生成 PPT
阿里云优惠券
卓越的云计算技术和服务提供商
堆友AI
零门槛,多风格AI绘画免费生成,电商海报设计神器
LiblibAI
一站式AI内容创作生成平台,原创AI模型分享社区
茅茅虫
茅茅虫AI论文写作助手,AIGC论文查重
闪电玩
H5游戏官方平台,提供好玩的网络游戏

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
网站收录 / 问题反馈

jquery.imageuploader.js

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:http://quickenloans.github.io/jquery-imageuploader-js/
GitHub:https://github.com/QuickenLoans/jquery-imageuploader-js
网站描述:一款jquery多文件上传插件
访问官网
GitHub

jquery.imageuploader.js是一款jquery多文件上传插件。该jquery多文件上传插件主要用于上传图片,它允许你选择多个图片文件,也可以直接拖拽图片到指定区域,然后显示图片的预览图和信息,最后通过Ajax一次性上传选择的图片到服务器上 。


jquery.imageuploader.js特点

  • 允许指定上传图片文件的格式。
  • 可以生成上传图片的缩略图预览。
  • 允许通过选择或拖拽进行图片选择。
  • 通过ajax请求上传图片到服务器。
  • 上传文件的界面样式可以完全自定义。


jquery.imageuploader.js使用

1、引入

<script src="path/to/jquery.min.js"></script>
<script src="path/to/jquery.imageuploader.js"></script>
<link href="imageuploader.css" rel="stylesheet">

2、html

<div class="uploader__box js-uploader__box l-center-box">
  <form action="后台提交的地址" method="POST">
      <div class="uploader__contents">
          <label class="button button--secondary" for="fileinput">选择文件</label>
          <input id="fileinput" class="uploader__file-input" type="file" multiple value="Select Files">
      </div>
      <input class="button button--big-bottom" type="submit" value="Upload Selected Files">
  </form>
</div>

3、初始化

$('.js-uploader__box').uploader({
        //配置参数
});

4、配置参数

参数默认值描述
submitButtonCopy'Upload Selected Files'提交按钮上显示文本
instructionsCopy'Drag and Drop, or'一级选择的标签文本
furtherInstructionsCopy'You can also drop more files, or'二级选择的标签文本
selectButtonCopy'Select Files'一级选择按钮上的文本
secondarySelectButtonCopy'Select More Files'二级选择按钮上的文本
dropZone

$('body')

拖拽文件的区域,一个jquery对象。
fileTypeWhiteList['jpg', 'png', 'jpeg', 'gif', 'pdf']允许选择的图片或文件格式
badFileTypeMessage'Sorry, we're unable to accept this type of file.'发生上传错误时的提示文本
ajaxUrl

 /ajax/upload

文件上传的ajax地址



仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

链接: https://fly63.com/nav/293

更多»
热门资源
jquery插件库
收集最全最新最好的jQuery插件
官网
jQuery之家
致力于搜集和整理各种jQuery插件,jQuery特效...
官网
fullPage.js
jQuery全屏滚动插件
官网
GitHub
Waterfall.js
瀑布流无限加载插件
官网
GitHub
Raty
一个非常棒的jQuery 评分插件
官网
GitHub
Bootstrap-waterfall
一款基于Bootstrap仿Pinterest网站的网格瀑布流插件
官网
GitHub
Jcrop
一个功能强大的 jQuery 图像裁剪插件
官网
GitHub
jcarousel
jQuery轮播图插件
官网
GitHub
Parallax.js
一款jQuery滚动视觉差插件
官网
GitHub
vegas
一个jQuery / Zepto幻灯片插件
官网
GitHub
paroller.js
一款轻量级的页面滚动视觉差特效jquery插件
官网
GitHub
lazyload.js
jquery图片懒加载插件
官网
GitHub
类似于jquery.imageuploader.js的资源
grumble.js
一款可360度旋转的气泡样式jQuery提示框插件
官网
GitHub
fullcalendar
一个jQuery日历插件
官网
GitHub
Scrollify
jQuery全屏滚动插件
官网
GitHub
jmpress.js
打造华丽的3D幻灯片切换效果
官网
GitHub
overhang.js
一个实现通知,提示和确认对话框的jQuery插件
官网
GitHub
bxslider
响应式jQuery的内容滑块插件
官网
GitHub
Parallax.js
一款jQuery滚动视觉差插件
官网
GitHub
paroller.js
一款轻量级的页面滚动视觉差特效jquery插件
官网
GitHub
目录

手机扫一扫预览

》
分享组件加载中...
首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架 实用工具箱 广告合作 关于我们

Copyright © 2018 Web前端开发网 All Rights Reserved. 提供免费在线工具、编程学习资源(教程/框架/库),内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。