1
jquery上传视频,并截取视频第一帧做封面主图同步上传(附完整在线实例)

CDes本文,站长和大家分享一个我们日常web开发中会用到的实例:jquery做的视频上传,并获取视频的第一帧当作视频的主图同步上传。文章的最后会有完整的在线实例演示提供给大家,不想看站长啰嗦的可以直接拉到文章的最后,去看在线实例。我们要做的视频,及封面同步上传,需要实现以下几点:可以拖拽上传;上传之前可以预览视频,及截取到的封面;要使用jquery里的ajax来上传;下面,站长和大家来一步步的说,要如何完成:为了方便你阅读,在这里展示的只有核心的代码,其它的,如CSS样式的控制,上传前所选文件的类型及大小的判断等,都不再显示!第一步:部署相关的HTML代码:可把图片直接拖拽到这里上传html代码很简


2
HTML5里FileReader对象的相关属性,方法,事件及实例[原创]

CDes本文站长和大家整理分享HTML5里FileReader对象的相关属性,方法及一些常用实例。FileReader对象是HTML5可以让我们的WEB访问本地文件的一个组件,通常用在拖拽上传时显示图片预览,或显示读取本地文件内容,下面是具体的相内内容:一:创建:varreader=newFileReader();二:相关属性:FileReader.error :读取文件时的错误信息提示;FileReader.readyState : 表示读取文件时的状态信息,值如下:1 (empty) 未加载文件数据;2 (loading) 正在加载;3 (done) 加载完成;FileReader.result


3
localResizeIMG—lrz本地图片压缩裁剪插件

CDes本文站长给大家提供一个非常知名和流行的本地图片压缩插件:localResizeIMG,简称lrz。本文的最后会有完整的在线实例演示地址!一:localResizeIMG(lrz)插件的获取和下载://可以通过下面的链接获取到源文件https://github.com/think2011/localResizeIMG//也可以通过下面的站长提供的百度云来下载:链接:https://pan.baidu.com/s/1quvZEhM8ucsj2z8PCZgK8A提取码:isxk二:localResizeIMG(lrz)插件的使用方法及属性:lrz(file,{width:800,//设置图片压缩后的


4
html5拖拽时,event的DataTransfer对象的详细说明

CDes在使用HTML5的拖拽功能时,在获取拖拽的文件的相关信息时,要用到event对象的DataTransfer,下面站长来整理一下DataTransfer的相关属性和方法:1.dataTransfer.dropEffect :设置或返回拖放目标上允许发生的拖放行为。如果此处设置的拖放行为不再effectAllowed属性设置的多种拖放行为之内,拖放操作将会失败。该属性值只允许为“none”、“copy”、“link”和“move”四值之一。none :禁止放置(禁止任何操作)copy :复制到新的位置link : 建立一个源位置到新位置的链接move :移动到新的位置2.dataTransfer.


5
掌握和学习HTML5里和拖拽相关的七个事件

CDes“拖拽”是HTML5里新添加的特效和事件,比如我们在上传时,可以把文件直接拖放到上传区域里,就能直接上传,使用的就是HTML5里的“拖拽”。我们想要实现这样的效果,就需要先了解和学习一下HTML5里关于"拖拽"的事件及内容:ondrag当拖动元素时ondragend当拖动操作结束时ondragenter当元素被拖动至有效的拖放目标时ondragleave当元素离开有效拖放目标时ondragover当元素被拖动至有效拖放目标上方时ondragstart当拖动操作开始时ondrop当被拖动元素正在被拖放时注意:使用jquery来给标签元素绑定事件时,要把on去掉,如:$(&qu


6
jquery拖拽上传,并预览图片的具体方法及实例

CDes关于HTML5的拖拽上传,网上有很多的实例和代码,但是这些实例和代码大多都是用JS来写的,但对于我们的网页里已经引入了jquery的时候,在使用这些使用JS编写的代码,就会感觉“多此一举”,下面站长就分享给大家,如何用纯粹的jquery来实现HTML5里的拖拽上传,及本地图片预览的功能。可以先看站长准备的在线实例演示:jquery拖拽上传时图片预览本文首发:爱jquery www.aijquery.cn 下面是具体的代码,用jquery来写的,比用js来写的要简单的多:varDrag=function(){var$this=$("#aijquery")$this.on(&q