2012 年 9月随笔档案 - coxsoft

如何使用HTML5实现拍照上传应用

摘要：在HTML5规范的支持下，WebApp在手机上拍照已经成为可能。在下面，我将讲解Web App如何用手机进行拍照，显示在页面上并上传到服务器。1、视频流 HTML5 The Media Capture API提供了对摄像头的可编程访问，用户可以直接用getUserMedia获得摄像头提供的视频流。我们需要做的是添加一个HTML5的Video标签，并将从摄像头获得视频作为这个标签的输入来源（请注意目前仅Chrome和Opera支持getUserMedia。补充：请使用Opera支持HTML5的新版本，如果是Chrome，版本需为Chrome 18.0.1008+，并使用about:... 阅读全文

posted @ 2012-09-21 09:18 coxsoft 阅读(964) 评论(0) 推荐(0) 编辑

基于HTML5的可预览多图片Ajax上传

摘要：一、关于图片上传什么什么的在XHTML的时代，我们使用HTML file控件上传图片一次只能上传一张。要一次上传多图，做法是借助于flash。例如swfupload.js。可惜，使用复杂的点，比如flash文件需与页面同父文件夹，JavaScript文件大小也很可观。我之前曾翻译编辑过一篇“Ajax Upload多文件上传插件”的文章，此插件的亮点是使用隐藏的iframe框架页面模拟ajax上传，但是，实际上，还是一次只能上传1张图片，可以多次上传而已。HTML5是个好东东，其中之一就是支持多图片上传，而且支持ajax上传，而且支持上传之前图片的预览，而且支持图片拖拽上传，纯粹利用file控件阅读全文

posted @ 2012-09-21 09:11 coxsoft 阅读(865) 评论(4) 推荐(2) 编辑

2个html5上传图片的小例子

摘要：最近搞了2个html5上传文件的小demo准备用到新的项目中，图片裁剪那个还有待完善，对大分辨率的图片不支持缩放还不行，想要找一个好的canvas图片裁切的库，一直没有合适，希望有这方面资料的朋友能给个资源。先上链接地址：拖拽头像裁剪上传：http://www.rrestjs.com/dropfile/拖拽多图片上传：http://www.rrestjs.com/dropfile/multi/当然拖拽不支持IE9，对于不支持拖拽的浏览器可以选择用multi的文本框进行上传，一起努力把IE6-8干掉吧！让html5早点走进我们的身边。上个截图：1、头像裁剪上传2、多图片同时上传阅读全文

posted @ 2012-09-21 09:00 coxsoft 阅读(618) 评论(0) 推荐(0) 编辑

DEDECMS首页调用公司简介等单页内容-使用栏目作为单页

摘要：今天用dedecms给公司做一个企业站，由于上次用dedeeims做企业站后来出现很多问题，这次就选用dedecms了，换标签的时候，首页的公司简介将我难住了，这个在eims里可以调用，可在这里我一时还真不知道怎么办。你不知道，百度知道，我就在网上找了找，还让我找到了，这里写出来，也给大家分享下，以后用的着就直接来老齐的博客找就行了。有两种方法，都有限制。方法一：{dede:channelartlist }{dede:field.content/}{/dede:channelartlist }可以顺利的调出相关的数据。但是这种调用只能用于只有一个单页的情况，如果系统中含有两个或者多个以上的单页阅读全文

posted @ 2012-09-20 10:28 coxsoft 阅读(2087) 评论(1) 推荐(0) 编辑

09 2012 档案

公告