最近在做一个内部系统,需要一个无刷新的上传功能,找了许久,发现了一个好用的上传工具-Fine Uploader,网上也有不少关于它的介绍,对我有不少的启发,结合我的使用场景简单的介绍一下它与thinkjs完美配合.       首先就是使用thinkjs快速搭建一个web应用,可以参考之前写的一个thinkjs初试.       访问127.0.0.1:8360查看应用是否正常启动,如果一切正常就可以开始创建前端页面和服务端处理上传的逻辑的页面了.       修改/App/Lib/Co…

最近在处理后台数据时需要实现文件上传.考虑到对浏览器适配上采用Fine Uploader. Fine Uploader 采用ajax方式实现对文件上传.同时在浏览器中直接支持文件拖拽[对浏览器版本有要求类似IE版本必须是9或是更高的IE10].在不同浏览器中提供统一用户体验.该组件基本覆盖目前所有主流浏览器.同时没有任何第三方组件依赖.相当Clear.在服务器端已经覆盖支持了ASP.NET/ColdFusion/Java/Node.js/Perl/PHP/Python. 对上传细节类似限制文件大…

原文 [代码示例]用Fine Uploader+ASP.NET MVC实现ajax文件上传 Fine Uploader(http://fineuploader.com/)是一个实现 ajax 上传文件的 Javascript 组件. This project attempts to achieve a user-friendly file-uploading experience over the web. It's built as a Javascript plugin for develo…

Fine Uploader(http://fineuploader.com/)是一个实现 ajax 上传文件的 Javascript 组件. This project attempts to achieve a user-friendly file-uploading experience over the web. It's built as a Javascript plugin for developers looking to incorporate file-uploading int…

由于jquery.uploadify是基于flash的jquery上传控件,客户老是说出问题,所以今天换成了一个纯js的异步上传控件. 这方面的资料很少,故此记下来分享一下. 项目地址:Fine Uploader 1.jsp页面: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ page lang…

jQuery File Upload: https://blueimp.github.io/jQuery-File-Upload/ Fine Uploader: http://fineuploader.com/demos.html 以前swfupload什么的,经过年代的变迁,要退出舞台啦.…

Fine Uploader(http://fineuploader.com/)是一个实现 ajax 上传文件的 Javascript 组件   This project attempts to achieve a user-friendly file-uploading experience over the web. It's built as a Javascript plugin for developers looking to incorporate file-uploading in…

现如今,世面上流行着许多前端上传组件,例如:Uploadify(http://www.uploadify.com/),Fine Uploader,等等.这篇博客从头开始,介绍如何在ASP.NET MVC中使用Fine Uploader.   Fine Uploader官网:https://fineuploader.com/demos.html   代码结果如下图所示,可以选择本地文件之后点击上传,文件会被传输到服务器根目录下的Upload文件夹中(文件夹的名称是代码中定义的).     Step…

需求:要实现多文件上传,且要支持手机等移动设备... springmvc文件上传真头疼,网上搜了半天没发现都是TMD的用submit按钮提交到后台的,就没有插件的吗?最后发现了fineUploader 先看一下电脑版的 再看一下手机上的运行效果: 目前发现的问题:FineUploader的on "complete" 事件是单个的,我们的需求是不能选择完文件后立即上传,而要手动去触发,并且,在上传完毕(而不是一个文件上传完毕是所有文件上传完)后,我要得到一个消息,以便下一步处理... 我…

Twitter BootStrap已经火过大江南北,对于无法依赖美工的程序员来说,这一成熟前卫的前端框架简直就一神器,轻轻松松地实现出专业的UI效果.GitHub上相关的的开源项目更是层出不穷,在此整理列举一些感觉不错的组件或增强实现,供大家借鉴. 显示 MESSENGER替换alert()消息和其他用户交互通知. JQUERY.TOCIFY.JS可以用Bootstrap或jQueryUI主题的Jquery表格组件. BOOTSTRAP-PROMPTS实现替换alert(), prompt(),…

文件上传功能作为网页重要的组成部分,几乎无处不在,从简单的单个文件上传到复杂的批量上传.拖放上传,需要开发者花费大量的时间和精力去处理,以期实现好用的上传功能.这篇文章向大家推荐几款很棒的 JavaScript 文件上传功能增强插件. jQuery File Uploader 这是最受欢迎的 jQuery 文件上传组件,支持批量上传,拖放上传,显示上传进度条以及校验功能. 支持预览图片.音频和视频,支持跨域上传和客户端图片缩放,支持的服务端平台有:PHP, Python, Ruby on Rai…

这个题目起得很纠结. 因为很多人都知道UDS本来就是开源,我只不过改了一些东西,然后重新发布,所以不算重新开源. 要说重新发布也不对.因为老早这东西就发布了. 最后我想,这个东西已经很久没更新过了,也没人重新发布过修改过的版本,所以,我就算重新开源吧. 这里简单介绍一下UDS. 传说中UDS是一家公司的设计中的OA产品,原来打算做成后卖的,但是由于种种原因最后不做了.于是原来的开发者(也可能是老板)就把这个OA系统开源了. 这个东西的历史就是这么简单. 之前我不知道这个东西,最近是偶然拿到它的.…

文件上传功能作为网页重要的组成部分,几乎无处不在,从简单的单个文件上传到复杂的批量上传.拖放上传,需要开发者花费大量的时间和精力去处理,以期实现好用的上传功能.这篇文章向大家推荐几款很棒的 JavaScript 文件上传功能增强插件. 您可能感兴趣的相关文章 精心挑选12款优秀 jQuery Ajax 分页插件 几款优秀的 JavaScript 表单美化和验证插件 经验分享:10个简单实用的 jQuery 代码片段 分享8款效果精美的 jQuery 加载进度条插件 精心挑选的优秀 JavaScr…

fineuploader是一款基于ajax实现文件上传的插件,具有以下有点: A:支持文件上传进度显示. B:文件拖拽浏览器上传方式 C:Ajax页面无刷新. D:多文件上传. F:跨浏览器. E:跨后台服务器端语言. GitHub下载地址:https://github.com/valums/file-uploader 系在后目录结构如下…

FineUploader既是开源的又是收费的,这个没搞懂. 先看效果:…

原文链接: https://github.com/dypsilon/frontend-dev-bookmarks Frontend Development Looking for something else? Take a look at the awesome collection of other awesome lists. Guides Bento: a collection of guides for web development. Hack Design: An easy to…

MESSENGER替换alert()消息和其他用户交互通知. JQUERY.TOCIFY.JS可以用Bootstrap或jQueryUI主题的Jquery表格组件. BOOTSTRAP-PROMPTS实现替换alert(), prompt(),confirm()通知的Bootstrap组件. SUBNAV FOR BOOTSTRAP 2一个展示如何在Bootstrap导航菜单中实现SubNavs的例子. JQUERY-BOOTSTRAP-SCRIPTING基于BootStrap实现的JQuery…

原文 多文件上传组件FineUploader使用心得 做Web开发的童鞋都知道,需要经常从客户端上传文件到服务端,当然,你可以使用<input type="file"/>来上传文件,这是Asp.Net默认的上传文件元素.但是,受到系统的限制,如果要更改file元素的样式,让他看起来 美观一些,这就比较费劲了,当然可能是本人css功夫没到家吧,总之试了几次,也没能达到想要的效果.最终,就决定用第三方插件吧.由于项目组成员之前都 用的是FileUploader,所以就毫不犹豫的…

1.Fine Uploader特点 Fine Uploader Features: A:支持文件上传进度显示. B:文件拖拽浏览器上传方式 C:Ajax页面无刷新. D:多文件上传. F:跨浏览器. E:跨后台服务器端语言. 2.页面前端代码 <div id="btnUpload"></div> $(function () { $('#btnUpload').fineUploader({ request: { endpoint: 'Handler/UpLogo.…

0. 前端自动化(Workflow) 前端构建工具 Webpack - module bundler Yeoman - a set of tools for automating development workflow gulp - The streaming build system use-gulp grunt - the JavaScript Task Runner F.I.S - 前端集成解决方案 Web Starter Kit - 一个Google 提供的帮助开发者快速设置项目的工具…

当它是关于开发网络应用程序和网页的时候,文件上传功能的重要性是不容忽视的.一个文件上传功能可以让你上传所有类型的文件在网站上,包括视频,图像,文件和更多.创建一个文件上传功能,对你的网站是不是很难,有一点点的理解和一些代码,你可以自己做的. 然而,它不再只是简单地将图像上传到托管服务器上.有一个额外的功能,这些都需要这些天.例如,当用户正在上载文件时,他可能会立即看到文件信息,包括预览.等特色种植,多上传,或调整也很重要,这些天.这也就是为什么随着文件上传功能还有需要建立一个友好的用户界面.这是…

我们所生活每一天看到的新技术或新设计潮流的兴起,Web 开发正处在上升的时代.HTML5 & CSS3 技术的发展让 Web 端可以实现的功能越来越强大. 加载动画和进度条使网站更具吸引力.该进度条也会显示有价值的信息给用户,因为他们会通知用户,有一些还在进行,并要求用户耐心等待.下面是30款基于 jQuery & CSS3 的加载动画和进度条插件. Animated Progress Bars with CSS3 [ Demo | Download ] Spin JS Bar [ Dem…

amazeui学习笔记一(开始使用5)--藏品collections 一.总结 1.藏品collections:一些 Amaze UI 中没有的功能.amazeui认为好的解决方案.像图表绘制里面的百度echarts. 2.amaze ui:这些框架是真的良心,太便利开发了,不仅提供本身功能还提供扩展功能 二.藏品collections Collections 目录 HTML5 API 应用 UA 识别 表单处理图表绘制 <select> 相关 上传组件 日期选择 取色 图表绘制 日期格式化…

步骤1:下载fine-uploader 步骤2:加入引用 <link href="/fine-uploader/fine-uploader-gallery.min.css" rel="stylesheet"> <script src="/fine-uploader/fine-uploader.min.js"></script> 完整程序: <!DOCTYPE html> <html> &…

jQuery File Uploader 这是最受欢迎的 jQuery 文件上传组件,支持批量上传,拖放上传,显示上传进度条以及校验功能. 支持预览图片.音频和视频,支持跨域上传和客户端图片缩放,支持的服务端平台有:PHP, Python, Ruby on Rails, Java, Node.js, Go 等等. 使用示例: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 $(function () {     'use…

工作中又遇到了session问题,于是整理一下有关thinkjs中的session使用小方法: 需要用户登录的网站基本上都离不开 Session,ThinkJS 里默认支持多种类型的 Session,如:file,db,redis 等. 支持的 Session 类型: memory 内存方式 file 文件类型 db 数据库类型 redis Redis 类型 使用 redis 类型的 Session 需要配置 Redis,具体配置为: redis 配置,config/redis.js. expo…

一直以为在使用thinkjs时,只能是它自带的sql语句查询,当遇到类似于这样的sql语句时,却不知道这该怎样来写程序,殊不知原来thinkjs可以执行自定义sql语句 SELECT * from adinfo WHERE 1481286720 BETWEEN stime AND etime OR (1481297520 BETWEEN stime AND etime) model.query(...args) •return {Promise} //指定 SQL 语句执行查询. 相当于: le…

 #推荐活动# #线下沙龙# 明天下午在IC咖啡 —— <APP邂逅即时通讯云,让你的手机APP聊起来>, http://url.cn/Y8sYo5 …

前言 KISSY 是由阿里集团前端工程师们发起创建的一个开源 JS 框架.它具备模块化.高扩展性.组件齐全,接口一致.自主开发.适合多种应用场景等特性.本人在一次项目中层使用这个uploader组件. 关于kissy uploader: Uploader是非常强大的异步文件上传组件,支持ajax.iframe.flash三套方案,实现浏览器的全兼容,调用非常简单,内置多套主题支持和常用插件,比如验证.图片预览.进度条等. 广泛应用于淘宝网,比如退款系统.爱逛街.二手.拍卖.我的淘宝.卖家中心.导…

文件上传是网站和 Web 应用程序的常用功能,一直没有一款完美的文件上传组件,因此让很多开发人员碰到头疼的浏览器兼容问题. WebUploader 是由 Baidu FEX 团队开发的一款以 HTML5 为主,FLASH 为辅的现代文件上传组件.在现代的浏览器里面能充分发挥 HTML5 的优势,同时又不摒弃主流IE浏览器,沿用原来的 FLASH 运行时,兼容 IE6+,iOS 6+, android 4+.采用大文件分片并发上传,极大的提高了文件上传效率. 您可能感兴趣的相关文章 Web 开发中…