php html5手机端多张图片上传,PHP+jQuery+html5实现图片选取裁剪上传(兼容手机上传)...

在网上找到了图片上传插件jquery.min.js，但没有上传功能，自己花了10分钟给加上去了哈，有bug留言，一般当天改完上传。

下载资源

下载积分：

100

积分

HTML

首先我们放置一个上传按钮及相关预览信息等。

注意：上传前，先截图

• 文件大小
• 类型
• 图像尺寸
• 宽度
• 高度

接着我们引用jQuery库和Jcrop插件。

jQuery

接着我们看下表单的检查： function checkForm() {

if (parseInt($('#w').val())) //若是没有截屏

return true;

$('.error').html('请先选择图片，并且截图').show();

return false;

}

上传文件条件设置： var rFilter = /^(image\/jpeg|image\/png|image\/jpg)$/i;

if (!rFilter.test(oFile.type)) {

$('.error').html('请选择jpg、jpeg或png格式的图片').show();

return;

}

// check for file size

if (oFile.size > 1000 * 1024) {

$('.error').html('请上传小于1M的图片').show();

return;

}

这是一个单图片上传，并且兼容手机图片上传。

相关多图片上传：PHP+jQuery+Ajax多图片上传http://www.sucaihuo.com/js/3.html，flash头像上传插件http://www.sucaihuo.com/js/29.html