上一篇已经实现了这个项目的整体的HTML和CSS:
HTML5 CSS3 经典案例:无插件拖拽上传图片 (支持预览与批量) (一)
这篇博客直接在上篇的基础上完成,最终效果:
效果图1:
效果图2:
好了,请允许我把图片贴了两遍,方便大家看效果了~
可以看出我们的图片的li的html其实还是挺复杂的,于是我把html文档做了一些修改:...
分类:
Web程序 时间:
2014-06-17 23:02:00
阅读次数:
248
直接上代码:经测试,除safari6包括6以下不支持,其他均可正常显示。原因:safari6不支持filereader,同时不能使用IE滤镜导致失效。fix: 可以利用canvas,解决safari6的问题 图片上传本地预览 ...
分类:
Web程序 时间:
2014-06-15 20:47:54
阅读次数:
227
1.upload_file.php
//该文件负责获取上传的图片的扩展名和随机生成文件名
header("content-type:text/html;charset=utf-8");
/**
* 获取文件扩展名
*Enter description here ...
* @param unknown...
分类:
Web程序 时间:
2014-06-15 13:32:41
阅读次数:
242
spring mvc 图片上传,图片压缩、跨域解决、 按天生成目录 ,删除,限制为图片代码等相关配置...
分类:
编程语言 时间:
2014-06-13 21:46:06
阅读次数:
1010
当我们想要使用kindeditor的图片上传功能时,有两种选择图片方式,一种是本地选择,一种是在图片空间中选择,图片空间的默认地址是服务器上的/kindeditor/attached/image/下面。
如果想要改变这个路径,需要找到/kindeditor/php/file_manager_json.php这个文件,然后可以看到下面几行:
//根目录路径,可以指定绝对路径,比如 /var/...
分类:
其他好文 时间:
2014-06-13 21:31:50
阅读次数:
296
随着Cache节点数量的增加,大量的图片回源,导致图片源站的压力在不断增加。源站load飙高、IO飙高。由于图片源站上还有其他业务,必须使源站的压力降下来:1、更改Cache的回源策略(每天都有新的图片上传,也会产生大量的回源)。2、增加二级回源功能(上传的新图片,只有二级源站..
分类:
其他好文 时间:
2014-06-11 00:01:55
阅读次数:
467
4月的时候公司比较闲,就想着自己做点东西,其实主要是为了更加熟悉.Net,毕竟接触的时间不长,趁着有时间想提高提高。不过当我做到图片上传这个功能的时候,就有些停滞不前了,连续写了两天也达不到自己想要的标准。后来公司来活,然后就没有然后了,然而做事总不能半途而废吧..
分类:
Web程序 时间:
2014-06-10 22:51:36
阅读次数:
251
.onsubmit一般用来做验证的,用来控制表单提交的。之前使用数据提交基本上使用ajax做数据提交,在数据验证的时候,只有通过数据验证之后,才会post/get数据到对应api文件,但是这次涉及图片上传,只能使用form表单提交,但是这前台js判断的时候出现问题。就是在js验证之后,form表单自...
分类:
Web程序 时间:
2014-06-10 20:46:36
阅读次数:
309
tiny_mce编辑器,我觉得挺简洁、好用的,但就是图片上传的插件是收费的,而且网上找了半天也没有找到开源好用的上传插件。不过功夫不负有心人,终于还就被我找到一款相当满意的插件。这个插件的名字叫ajaxfilemanager官方网址是http://www.phpletter.com/DOWNLOAD...
分类:
Web程序 时间:
2014-06-10 12:40:56
阅读次数:
292
4月的时候公司比较闲,就想着自己做点东西,其实主要是为了更加熟悉.Net,毕竟接触的时间不长,趁着有时间想提高提高。不过当我做到图片上传这个功能的时候,就有些停滞不前了,连续写了两天也达不到自己想要的标准。后来公司来活,然后就没有然后了,然而做事总不能半途而废吧~时隔一个多月,趁着这个周末,我再次拾...
分类:
Web程序 时间:
2014-06-09 17:03:33
阅读次数:
424