最近做了个简易的文件上传功能,jsp版本的,后续会完善更多的功能,不过现在已经能用了,需要的小伙伴,直接引用下面的文件内容直接copy到自己的项目中就ok了,效果如图: fileupload.css: odao_fileupload_plugin.js: jsp: 调用方法: spring 配置: ...
分类:
编程语言 时间:
2016-07-14 18:51:36
阅读次数:
261
业余将大文件上传重新梳理了一遍,后端基于Nodejs;有几个要点感觉很好玩: 兼容性:IE789为代表; 跨域上传:document.domain||middlePage; 多文件上传:input['type=file'] multiple; 拖拽上传:drag drop; 大文件分段:files. ...
分类:
Web程序 时间:
2016-06-23 00:50:24
阅读次数:
214
好了,这次咱一改往日的作风,就不多说废话了,哈哈。先贴上源代码地址,点击获取。然后直接进入主题啦,当然,如果你觉得我有哪里写的不对或者欠妥的地方,欢迎留言指出。在附上一些代码之前,我们还是先来了解下,上传文件的时候需要利用的一些必要的知识。 首先我们要说的就是FileReader对象,这是一个HTM ...
分类:
Web程序 时间:
2016-06-15 23:49:13
阅读次数:
222
javascript原生的api本来就支持,Base64,但是由于之前的javascript局限性,导致Base64基本中看不中用。当前html5标准正式化之际,Base64将有较大的转型空间,对于Html5 Api中出现的如FileReader Api, 拖拽上传,甚至是Canvas,Video截 ...
分类:
编程语言 时间:
2016-06-08 15:35:12
阅读次数:
199
说在前面 最近在做一个MVC相册的网站(这里),需要批量上传照片功能,所以就在网上搜相关的插件,偶然机会发现Dropzone.js,试用了一下完全符合我的要求,而且样式挺满意的,于是就在我的项目中使用了这个插件。在使用的过程中发现中文的相关文档较少,说多了都是泪,硬着头皮看官方的网站,本来英文不咋地 ...
分类:
Web程序 时间:
2016-05-28 11:22:01
阅读次数:
271
如下图所示: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #div1{width:200px;height:200px;background:re ...
分类:
Web程序 时间:
2016-04-29 23:30:33
阅读次数:
263
话说现在很多很多项目需要用到文件上传,自从有了HTML5之后,上传就变的超级简单了。HTML5支持多图片上传,而且支持ajax上传,而且支持上传之前图片的预览,而且支持图片拖拽上传,而且还是纯粹利用file控件实现,JS代码寥寥,想不让人称赞都难啊! HTML5Ajax上传 html5的上传实现,是 ...
分类:
Web程序 时间:
2016-04-21 18:17:15
阅读次数:
239
今天谈一天windows客户端拖拽上传功能。其实主要是拖拽功能,上传是自己实现的。DragAcceptFiles 函数最重要的就是这个函数了,看看作用:
Registers whether a window accepts dropped files原型:VOID DragAcceptFiles(
HWND hWnd,
BOOL fAccept
);参数:
hWnd
Type: H...
原文:html5 图片上传,支持图片预览、压缩、及进度显示,兼容IE6+及标准浏览器以前写过上传组件,见 打造 html5 文件上传组件,实现进度显示及拖拽上传,兼容IE6+及其它标准浏览器,对付一般的上传没有问题,不过如果是上传图片,且需要预览的话,就力有不逮了,趁着闲暇时间,给上传组件添加了单独...
分类:
Web程序 时间:
2015-10-27 19:57:18
阅读次数:
242
Stream新增Demo - Dropzonejs样式:http://p.twinkling.cn/dropzone.html 拖拽上传 图片回显 自动优化显示图片和普通文件
分类:
Web程序 时间:
2015-08-09 12:46:37
阅读次数:
163