blueimp/jquery-File-Upload中文文档

最新推荐文章于 2021-08-05 17:09:19 发布
最新推荐文章于 2021-08-05 17:09:19 发布
阅读量6.3k 收藏 1
点赞数 1
文章标签： blueimpjquery-file-u it计算机 web前端 javascript插件 文档翻译

blueimp/jquery-File-Upload是最强大的文件上传插件之一。前几天因为工作需要写一个插件使用介绍，但在度娘上走了一圈之后发现大多还没有该插件的详细介绍，只有最简单的使用介绍和最概述的翻译文档。——逃不掉了，自己动手翻译吧。经过几天时间的努力，终于出来了一个相对完整额插件介绍，现在张贴出来，以飨观众！！！^_^

由于英文水平有限(这个还真不是谦虚)！^_^翻译难免有错落之处，还望各位海涵同时也能不吝赐教​，在下感激不尽！

整个翻译内容一共有4大部分：

第一部分 blueimp/jquery-File-Upload插件简介

第二部分 ​blueimp/jquery-File-UploadAPI介绍

第三部分 blueimp/jquery-File-Upload​参数介绍

第四部分 blueimp/jquery-File-Upload​的基本配置和使用

虽然没有覆盖到该组件的所有文档，但是了解了​这几大部分之后，对于这个插件的基本使用应该没什么大的问题了吧。接下来，我将以系列教程的方式，将其逐个张贴出来，大家敬请期待哦！！！

dangnian
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
jquery.fileupload.js插件使用初探--单图片上传预览
smm188的博客
02-26 2016
一、官方插件下载地址：http://plugins.jquery.com/blueimp-file-upload/ 下载下来后会发现里面包含了一堆文件，首先需要弄清楚的是最核心的部分是哪些，根据官方的例子可以知道，一个最简单的jQuery File Upload上传组件，必须包括以下文件： jQuery核心库，建议使用jQuery 1.8以上版本js/vendor/jque
Yii2 framework学习笔记(八) -- 整合blueimp的jquery-file-upload插件
iyak85的博客
02-26 2885
jquery-file-upload（http://blueimp.github.io/jQuery-File-Upload/）是一个优秀的文件ajax上传插件，支持多选，预览，并发上传等。 jquery-file-upload已有现成的yii2插件（https://github.com/2amigos/yii2-file-upload-widget），安装同样使用composer。
前端项目-blueimp-file-upload.zip
09-03
前端项目-blueimp-file-upload,具有多个文件选择、拖放支持、进度条、验证和预览图像、用于jquery的音频和视频的文件上载小部件。支持跨域、分块和可恢复文件上载。与支持标准HTML表单文件上传的任何服务器端平台（谷歌App Engine、PHP、Python、露比Rails、Java等）一起工作。
blueimp-file-upload-expressjs:一个简单的Express模块​​，用于集成jQuery File Upload
04-24
Express js的Blueimp文件上传 * *该项目不再处于主动维护状态，如果有人有兴趣管理此项目，请与我联系。 * * 一个简单的Express模块​​，用于集成前端插件。 | v 0.4.0发布了！ 内容 多个缩略图 获取表单字段以及上载 测验 会费 v0.4.0中的主要功能 将lwip升级到v0.0.6 这意味着我们现在可以上传和处理GIF图像。 更多NodeJs友好的回调API 使用function（err，data）代替function（data，err） 关于将v0.3.x升级到v0.4.0的通知 为了使v0.4.0正常工作，我们需要如上所述相应地更改上载器实例的回调函数。 从v0.3.x样式开始， uploader.get(req, res, function (obj) { res.send(JSON.stringify(obj)); }
python bootstrap 文件上传_blueimp-file-upload (v9.9.4) - blueimp-file-upload 是一个 jQuery 文件上传组件，支持多文件选择、拖...
weixin_39609650的博客
12-10 154
https://cdn.bootcdn.net/ajax/libs/blueimp-file-upload/9.9.4/css/jquery.fileupload-noscript.csshttps://cdn.bootcdn.net/ajax/libs/blueimp-file-upload/9.9.4/css/jquery.fileupload-noscript.min.csshttps://...
blueImp/jQuery file upload 的正确用法（限制上传大小和文件类型）
weixin_34080951的博客
09-27 574
这个插件太出名了，几乎能完成所有能想象的到的效果，包括进度条、拖拽、甚至现在已经完美支持图片视频等的处理，三个字形容就是屌爆了。最近在做上传这一部分，发现网上对于上传文件大小的限制和类型检测等的方法都不妥当，包括老外写的。blueimp提供了完整的解决方案，验证当然是有的，所以对于一个普通的上传组件来说需要下面三个组件： <script src="//cdn.bootcss.com/blu...
jQuery-File-Upload-9.11.2(完整版，插件已下载).zip
10-13
jQuery-File-Upload-9.11.2(完整版，插件已下载),官方的很多引用文件都是线上的，加载很慢，下载到本地后更靠谱，这个版本是已经整理好的，直接调用后台php的部分也在其中，可以直接应用到项目中，直接拷贝过去就可以了
blueimp-jQuery-File-Upload-9.10.1-0
08-13
blueimp-jQuery-File-Upload-9.10.1-0-gc9d8bc7.zip
php上传多个文件blueimp/jQuery-File-Upload大改造
04-24
通过监听`fileuploadadd`, `fileuploadstart`, `fileuploadprogress`, `fileuploaddone`, `fileuploadfail`等事件，你可以实现动态的上传进度条、错误提示等功能。 在`iteye.com`上的这篇博客中，作者详细讲解了...
jquery-file-upload:基于 Blueimp 的 Jquery 文件上传的 gem
07-02
安装将此行添加到应用程序的 Gemfile 中： gem 'jquery-file-upload'然后执行： $ bundle或者自己安装： $ gem install jquery-file-upload配置创建一个名为/config/initializers/jquery_file_upload.rb的新文件 ...
画廊：blueimp画廊是一种支持触摸，响应式和可自定义的图像和视频画廊，轮播和灯箱，已针对移动和桌面Web浏览器进行了优化。 它具有滑动，鼠标和键盘导航，过渡效果，幻灯片显示功能，全屏支持和按需加载内容的功能
02-25
blueimp画廊 内容 描述 blueimp Gallery是一个支持触摸的，响应式的和可自定义的图像和视频库，轮播和灯箱，已针对移动和桌面Web浏览器进行了优化。 它具有滑动，鼠标和键盘导航，过渡效果，幻灯片显示功能，全屏支持和按需加载内容的功能，并且可以扩展为显示其他内容类型。 设置 使用安装blueimp-gallery软件包： npm install blueimp-gallery 灯箱设定 将css ， img和js目录复制到您的网站。 在网页的顶部添加Gallery样式表： < link rel =" stylesheet " href =" css/blueimp-gallery.min.css " /> 将以下带有Gallery小部件HTML代码段添加到网页的正文中： <!-- The Gallery as lightbox dialog, should be
jQuery视屏画廊插件blueimp Gallery
12-02
插件描述：可响应和定制的图像和视频画廊，类似于旋转木马和灯箱效果， 参考示例：http://www.jq22.com/jquery-info4238
laravel-chunk-upload：具有多个提供程序支持的块上载的基本实现，如jQuery-file-upload，pupload，DropZone和resumable.js。
02-03
通过作曲家安装composer require pion/laravel-chunk-upload2.发布配置（可选） php artisan vendor:publish --provider="Pion\Laravel\ChunkUpload\Providers\ChunkUploadServiceProvider"用法设置包括3个步骤： ...
ie 将文件上载到服务器,jQuery blueimp文件上传：在IE中将N-1个文件上传到服务器(jQuery blueimp File Upload : Uploads N - 1 files t...
weixin_39555579的博客
08-05 190
jQuery blueimp文件上传：在IE中将N-1个文件上传到服务器(jQuery blueimp File Upload : Uploads N - 1 files to server in IE)我在我的Rails应用程序中修改了一点点演示 。 这些插件在Chrome和FF中运行良好但在IE中存在问题。在IE(所有版本)中，我逐个选择多个文件并开始上传。 该插件上传除一个文件以外的所有文件...
jquery 文件上传 Plupload API
DJL296336953的专栏
04-05 6032
从官网中复制部分API，方便今后查看。 plupload.Uploader Namespace plupload Class Uploader Uploader class, an instance of this class will be created for each upload field.  var uploader = ne
使用图片视频展示插件blueimp Gallery改造网站的视频图片展示
weixin_34205076的博客
10-19 152
在很多情况下，我们网站可能会展示我们的产品图片、以及教程视频等内容，结合一个比较好的图片、视频展示插件，能够使得我们的站点更加方便使用，也更加酷炫，在Github上有很多相关的处理插件可以找来使用，有些效果还非常好，本篇介绍使用图片视频展示插件blueimp Gallery改造网站的视频图片展示，并和之前版本的效果进行对比。 1、blueimp Gallery插件介绍 blueimp Gall...
jQuery文件上传——blueimp.github.io/jquery-File-Upload中文
Leesire的专栏
06-23 1894
jQuery File Upload  jQuery File Upload 是一个 jQuery 图片上传组件，支持多文件上传、取消、删除，上传前缩略图预览、列表显示图片大小，支持上传进度条显示；支持各种动态语言开发的服务器端。 地址 http://blueimp.github.com/jQuery-File-Upload/ 特点 Multiple file
jQuery-File-Upload(blueimp)爬坑指南
lancelot_lewis的专栏
03-03 2714
当你无法分辨长的很像的英文的时候，能够拯救你的就只有一遍又一遍的试错了。 前言介绍最近项目需要一个页面单独上传的功能，要求页面能够做到多文件上传。于是便去寻找 ajax 上传文件的插件，找到 github 排名最高的 ‘jQuery-File-Upload’ 插件，开发者是 ‘buleibm’。
html5 jquery多图片上传
最新发布
05-19
可以使用第三方库来实现多图片上传功能，其中比较常用的是 blueimp/jQuery-File-Upload。 步骤如下： 1. 引入 jQuery 和 blueimp/jQuery-File-Upload 库。 ```html <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/blueimp-file-upload/9.28.0/css/jquery.fileupload.min.css" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/blueimp-file-upload/9.28.0/js/jquery.fileupload.min.js"></script> ``` 2. 在 HTML 中添加文件上传表单。 ```html <form id="fileupload" action="/upload" method="POST" enctype="multipart/form-data"> <input type="file" name="files[]" multiple> <button type="submit">上传</button> </form> ``` 3. 使用 JavaScript 初始化上传插件。 ```javascript $(function() { $('#fileupload').fileupload({ dataType: 'json', done: function(e, data) { // 上传成功后的回调函数 }, fail: function(e, data) { // 上传失败后的回调函数 } }); }); ``` 4. 添加后端接口处理上传文件。 ```python from flask import Flask, request, jsonify app = Flask(__name__) @app.route('/upload', methods=['POST']) def upload(): files = request.files.getlist('files[]') urls = [] for file in files: # 保存文件到本地或云存储 url = 'http://example.com/' + file.filename urls.append(url) return jsonify({'urls': urls}) ``` 这样就完成了多图片上传的功能。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值