HTML5中如何上传Resize后的图片

参考资料:

不依赖form标签,而是自己定义FormData上传数据,文件被编码为一个Blob或File对象:

https://developer.mozilla.org/en-US/docs/Web/Guide/Using_FormData_Objects

如何用jquery上传FormData:

http://stackoverflow.com/questions/9622901/how-to-upload-a-file-using-jquery-ajax-and-formdata

FileReader,一个HTML5的本地文件操作利器:

http://www.zhangxinxu.com/wordpress/?p=1923

http://dev.w3.org/2006/webapi/FileAPI/#FileReader-interface

Base64编码文件:

http://www.zhangxinxu.com/wordpress/?p=2341

大综合:

http://segmentfault.com/blog/windwhinny/1190000000754560

关键词:

FormData  jquery  File Input  FileReader

时间: 2024-10-12 07:27:24

HTML5中如何上传Resize后的图片的相关文章

Juploader 1.0 谷歌(chrome)浏览器中成功上传文件后返回信息异常

在项目中使用了Juploader 1.0无刷新上传文件的js组件,在IE8以上没有问题,代码如下: function InitialUploadDirectly(OnUploadFunc, buttonID, allowedExts) { $.jUploader({ button: buttonID, // 这里设置按钮id eventType: 1, //触发类型 addeventbutton: buttonID, // 要绑定事件的元素的id filenamed: buttonID + 'd

上传压缩后的图片并且保持100k不失真的方法

压缩100k图片不失真的方法:先获取图片的原始长度和宽度:然后计算图片的缩放值:最后等比例压缩: 下面代码是压缩的工具类: public class PictureUtil { /** * 主方法 * * @param filePath * @return */ public static InputStream bitmapToString(String filePath) { Bitmap bm = getSmallBitmap(filePath); ByteArrayOutputStrea

项目上传服务器后,图片上传功能不能用了?附件不能成功上传。

迁移服务器造成上传图片失败是因为linux 文件夹权限的问题 原因很简单,若本地能正常访问,那就是权限的问题. 777 你懂吗? 不是666

SpringMVC中文件上传的客户端验证

SpringMVC中文件上传的客户端验证 客户端验证主要思想:在jsp页面中利用javascript进行对文件的判断,完成验证后允许上传 验证步骤:1.文件名称 2.获取文件的后缀名称 3.判断哪些文件类型允许上传 4.判断文件大小 5.满足条件后跳转后台实现上传 前台界面(验证上传文件是否格式满足要求): <body> <h2>文件上传</h2> <form action="upload01" method="post" 

前端开发之旅- 移动端HTML5实现文件上传

一. 在一个客户的webapp项目中需要用到 html5调用手机摄像头,找了很多资料,大都是 js调用api  然后怎样怎样,做了几个demo测试发现根本不行, 后来恍然大悟,用html5自带的 input file=""  ,纯html5,并且不涉及到js ,就可以实现.代码如下: <input type="file" accept="image/*" capture="camera"> <input ty

解决SharePoint 文档库itemadded eventhandler导致的上传完成后,编辑页面保持报错的问题,错误信息为“该文档已经被编辑过 the file has been modified by...”

在文档库中添加itemadded 后,在上传文件后,会自动打开文档属性的编辑页面,在保存的时候就会报错,说这个文档已经被编辑过了.这是应为默认itemadded实践是异步执行的,会在edit页面打开之前就把属性更新完了,知道在保存的时候,属性不一致. 两种解决方法: 1: 使用item.sysupdate(false). 这个false参数非常重要. 2:将handler的执行变为非异步执行,编辑element.xml文件,如下红色部分: <Receiver><Name>AutoD

DevExpress(5): ASPxUploadControl上传照片后用ASPxBinaryImage展示

DevExpress版本14.1 效果图: 用户单击文件上传按钮,弹出文件选择窗口:选择文件后,自动上传到服务器保存至数据库(大头照文件一般不大,放数据库便于管理 :) 也可以保存至服务器上的文件夹):然后界面使用BinaryImage控件展示照片. 大体思路: (1)用户选择文件后如何自动上传?给UploadControl添加TextChanged客户端事件,当文本改变的时候,调用uploader的客户端UploadFile()方法 (2)服务端添加FileUploadComplete事件,可

【springmvc】springmvc中如何上传文件

使用到的组件:可自行根据情况选择版本 <!--上传依赖包--> <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.3.2</version> </dependency> <!--commons-upload依赖包begin-->

asp.net中fileupload上传文件的方法

FileUpload 控件显示一个文本框控件和一个浏览按钮,使用户可以选择客户端上的文件并将它上载到 Web 服务器.用户通过在控件的文本框中输入本地计算机上文件的完整路径(例如,C:\MyFiles\test.txt)来指定要上载的文件.用户也可以通过单击“浏览”按钮,然后在“选择文件”对话框中定位文件来选择文件. 用户选择要上载的文件后,FileUpload 控件不会自动将该文件保存到服务器.您必须显式提供一个控件或机制,使用户能提交指定的文件.例如,可以提供一个按钮,用户单击它即可上载文件