php仿微信上传图片压缩,PHP仿微信多图片预览上传实例代码
生产图片区域,上传按钮#btn可替换自己想要的图片
plupload上传
var uploader = new plupload.Uploader({//创建实例的构造方法
runtimes: 'html5,flash,silverlight,html4', //上传插件初始化选用那种方式的优先级顺序
browse_button: 'btn', // 上传按钮
url: "ajax.php", //远程上传地址
flash_swf_url: 'plupload/Moxie.swf', //flash文件地址
silverlight_xap_url: 'plupload/Moxie.xap', //silverlight文件地址
filters: {
max_file_size: '10mb', //最大上传文件大小(格式100b, 10kb, 10mb, 1gb)
mime_types: [//允许文件上传类型
{title: "files", extensions: "jpg,png,gif,jpeg"}
]
},
multi_selection: true, //true:ctrl多文件上传, false 单文件上传
init: {
FilesAdded: function(up, files) { //文件上传前
if ($("#ul_pics").children("li").length > 30) {
alert("您上传的图片太多了!");
uploader.destroy();
} else {
var li = '';
plupload.each(files, function(file) { //遍历文件
li += "
";
});
$("#ul_pics").prepend(li);
uploader.start();
}
},
UploadProgress: function(up, file) { //上传中,显示进度条
var percent = file.percent;
$("#" + file.id).find('.bar').css({"width": percent + "%"});
$("#" + file.id).find(".percent").text(percent + "%");
},
FileUploaded: function(up, file, info) { //文件上传成功的时候触发
var data = eval("(" + info.response + ")");//解析返回的json数据
$("#" + file.id).html("");//追加图片
},
Error: function(up, err) { //上传出错的时候触发
alert(err.message);
}
}
});
uploader.init();
ajax删除上传的图片
function delPic(pic, file_id) { //删除图片 参数1图片路径 参数2 随机数
if (confirm("确定要删除吗?")) {
$.post("del.php", {pic: pic}, function(data) {
$("#" + file_id).remove()
})
}
}
本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:http://www.sucaihuo.com/js/830.html
本条技术文章来源于互联网,如果无意侵犯您的权益请点击此处反馈版权投诉
本文系统来源:php中文网
php仿微信上传图片压缩,PHP仿微信多图片预览上传实例代码相关推荐
- PHP仿微信多图片预览上传
本文演示了手机微信端常用的多图片上传及时预览功能,点击上传的图片可立即删除. 生产图片区域,上传按钮#btn可替换自己想要的图片 <ul id="ul_pics" class ...
- php 防微信照片上传,PHP仿微信多图片预览上传功能
[html] view plain copy 在CODE上查看代码片派生到我的代码片 plupload上传 [javascript] view plain copy 在CODE上查看代码片派生到我的代 ...
- php仿微信多图片预览上传,PHP仿微信多图片预览上传功能
[html] view plain copy 在CODE上查看代码片派生到我的代码片 plupload上传 [javascript] view plain copy 在CODE上查看代码片派生到我的代 ...
- taro开发微信小程序-添加开发者预览,上传测试版本(十四)
taro开发微信小程序,上传测试版本,如果需要访问网络需要打开调试模式,如果配置了https协议的服务,提示对应的服务器证书无效,那么必须正确配置ssl证书,可以在阿里云或者腾讯云申请. 添加开发者预 ...
- 微信小程序功能:商品收藏-图片预览-客服-分享-加入购物车
微信小程序–商品详情页面 包含功能点: 商品收藏 图片预览 客服 分享 加入购物车 跳转到购物车页面(注意:open-type="switchTab") 结构:goods_deta ...
- PHP仿微信,php 仿微信多图片上传预览的功能示例代码
这篇文章主要介绍了PHP仿微信多图片预览上传方法的相关资料,需要的朋友可以参考下 生产图片区域,上传按钮#btn可替换自己想要的图片 plupload上传var uploader = new plup ...
- 模仿微信朋友圈 图片浏览 js javascript 支持图片预览,滑动切换,双指缩放,图片缓存
模仿微信朋友圈 图片浏览 js javascript 支持图片预览,滑动切换,双指缩放,图片缓存 2017年08月10日 12:11:38 阅读数:2311 previewImage-mobile 仿 ...
- 小程序 图片上传php后台,微信小程序图片选择、上传到服务器、预览(PHP)实现实例...
微信小程序图片选择.上传到服务器.预览(php)实现实例 小程序实现选择图片.预览图片.上传到开发者服务器上 后台使用的tp3.2 图片上传 请求时候的header参考时可以去掉(个人后台验证权限使用 ...
- php 点击选择图片上传,微信小程序图片选择、上传到服务器、预览(PHP)实现实例...
微信小程序图片选择.上传到服务器.预览(PHP)实现实例 小程序实现选择图片.预览图片.上传到开发者服务器上 后台使用的tp3.2 图片上传 请求时候的header参考时可以去掉(个人后台验证权限使用 ...
最新文章
- 急我所需!机器学习、深度学习绘图模板.ppt
- pytorch 计算相似度,相关系数
- hdu 3572(最大流)
- 用户模式 内核模式 linux,linux – “内核模式”和“用户模式”硬件...
- ASP.NET MVC的路由
- UI设计素材|卡券界面设计
- Redis事务与MySQL事务的区别
- python实现点击按钮_python实现点击按钮修改数据的方法
- Maven项目环境搭建实例.
- IPv6各地址计算方式汇总
- svn恢复误删文件步骤
- vue项目中使用阿里巴巴矢量图标库iconfont
- 基于STM32的频率计Proteus仿真教程
- 计算机无法访问e盘,win10系统E盘拒绝访问的详细方法
- B-Tree和B+Tree学习笔记
- 全球及中国电解电容器(E-Cap)供给能力与竞争状况分析报告2022~2027年
- Tp5生成带头像二维码海报(带文字描述,居中调整)
- 【Linux/Unix】Linux中的seq命令
- 17前端学习之JQuery基础(一):jQ介绍,jQ基本使用,jQ选择器,jQ样式操作,jQ动画效果
- java hadhoop如门pdf_《Hadoop实战》PDF 下载
热门文章
- 华强北耳机为啥老是有人翻车?
- 华强北耳机修改序列号|支持中英文|自定义修改|傻瓜式一键修改序列号~
- 计算机网络西北大学,西北大学计算机网络复习资料 (拟).doc
- java 字符串数组转int数组_java怎么把字符型数组转换为int型?
- 对Linux课程内容的建议,Linux课程笔记 Day01 课程内容总结(示例代码)
- 获取淘宝开发平台的sessionKey
- 使用session保持登录状态,cookie保存用户账号密码
- vue-快速原型开发
- 第13章 程序的动态加载和执行(二,用户代码)
- Django的各种初识