html5上传文件插件,html5 上传文件

Html5移动端上传图片并裁剪 - Clipic.js

Clipic.js插件可以为移动端 (仅支持移动端) 提供头像上传并裁剪成指定尺寸，用原生js开发的，轻量级，包含html跟css，不到8kb。点此链接体验：

参数说明

width:Number (默认：500) – 裁剪宽度

height:Number (默认：500) – 裁剪高度

ratio:Number (可选) – 裁剪的比例，当传入ratio时width/height将无效

src:String (必传) – 需要裁剪的图片，可以是图片链接，或者 base64

type:String (默认：jpeg) – 裁剪后图片的类型，仅支持 jpeg/png 两种

quality:Number (默认：0.9) – 压缩质量

buttonText:Array (默认：[‘取消’, ‘重置’, ‘完成’]) – 底部三个按钮文本

相关问答

Q1: html5文件上传控件的button样式怎么修改

直接写

CSS样式

是不行的

input

type="text"

size="20"

name="upfile"

id="upfile"

style="border:1px

dotted

#ccc"

input

type="button"

value="浏览"

onclick="path.click()"

style="border:1px

solid

#ccc;background:#fff"

input

type="file"

id="path"

style="display:none"

onchange="upfile.value=this.value"

写成这样，用一个text和一个button替代file，然后让file隐藏

Q2: 如何使用第三方上传插件web uploader的demo

要解决302问题也很简单，就是html5的文件上传，正好最近在ueditor里看到百度的webuploader，会自动选择flash html5，就是一个成熟的解决方案了。

先看前端，我们将最常用的操作封装为插件，asp.net中和MVC中最好使用相对于应用程序的绝对路径，自行定义全局 applicationPath ：var applicationPath = "@(Href("~")=="/"?"":Href("~"))";

前端插件代码：

Q3: 基于bootstrup 3可预览的html5文件上传插件怎么用

bootstrap实现的多种文件上传插件，可选择各种文件，解压后请点击index预览