php 防微信照片上传,PHP仿微信多图片预览上传功能
[html] view plain copy
在CODE上查看代码片派生到我的代码片
plupload上传
[javascript] view plain copy
在CODE上查看代码片派生到我的代码片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删除上传的图片
[javascript] view plain copy
在CODE上查看代码片派生到我的代码片function delPic(pic, file_id) { //删除图片 参数1图片路径 参数2 随机数
if (confirm("确定要删除吗?")) {
$.post("del.php", {pic: pic}, function(data) {
$("#" + file_id).remove()
})
}
}
php 防微信照片上传,PHP仿微信多图片预览上传功能相关推荐
- H-ui.admin v3.1多图片预览上传的问题解决
H-ui.admin v3.1多图片预览上传的问题解决 这个模板的多图片上传我搞了好久,之前忙的时候都放弃了模板给的多图片上传,现在有时间研究下终于解决了,话不多说上代码. (function( $ ...
- PHP仿微信多图片预览上传
本文演示了手机微信端常用的多图片上传及时预览功能,点击上传的图片可立即删除. 生产图片区域,上传按钮#btn可替换自己想要的图片 <ul id="ul_pics" class ...
- php仿微信上传图片压缩,PHP仿微信多图片预览上传实例代码
生产图片区域,上传按钮#btn可替换自己想要的图片 plupload上传 var uploader = new plupload.Uploader({//创建实例的构造方法 runtimes: 'ht ...
- java图片预览上传_java实现文件上传、下载、图片预览
这篇文章主要介绍了java实现文件上传.下载.图片预览,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 多文件保存到本地: @ResponseBody ...
- H5实现多图片预览上传,可点击可拖拽控件介绍
在做图片上传时发现一个蛮好用的控件,支持多张图片同时上传,可以点击选择图片,也可以将图片拖拽到上传框直接上传,方便,好用,接口也简单,基本可以直接放到项目里使用. 先看看他的样式: 选择图片后: $( ...
- php仿微信多图片预览上传,PHP仿微信多图片预览上传功能
[html] view plain copy 在CODE上查看代码片派生到我的代码片 plupload上传 [javascript] view plain copy 在CODE上查看代码片派生到我的代 ...
- java图片预览上传_Java实现图片上传预览 (使用ajax提交)
html: 图片上传: js: function changepic(){ var reads = new FileReader(); f = document.getElementById('fil ...
- taro开发微信小程序-添加开发者预览,上传测试版本(十四)
taro开发微信小程序,上传测试版本,如果需要访问网络需要打开调试模式,如果配置了https协议的服务,提示对应的服务器证书无效,那么必须正确配置ssl证书,可以在阿里云或者腾讯云申请. 添加开发者预 ...
- php 使用上传文件预览插件,bootstrap fileinput插件实现预览上传照片功能方法详解...
本文主要介绍了bootstrap fileinput插件实现预览上传照片功能,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友可以参考下,希望能帮助到大家. 效果图如下所示: 具体代码如下: cl ...
最新文章
- 20年研发管理经验谈(三)
- jquery源码解析:pushStack,end,ready,eq详解
- latex快速入门教程
- NYOJ 610 定长覆盖
- Oracle:ORA-28000异常(帐户已被锁定),修改账号登录失败次数
- 2019ACM浪潮杯山东省赛参赛总结
- 网站如何进行渠道跟踪_网站如何进行搜索引擎优化?
- jdbc驱动程序_JDBC操作数据库的步骤
- 【CUDA开发】 Check failed: error == cudaSuccess (8 vs. 0) invalid device function
- 谈谈Python和其他语言的区别
- DatabaseMetaData的使用
- c mysql 包含字符串_Mysql字符串字段判断是否包含某个字符串的2种方法
- OLED的字模提取(保姆级)---基于PCtoLCD2013
- CF1520E Arranging The Sheep
- JQuery实现复选框CheckBox的全选、反选、提交操作
- ACLSCO链路介绍
- 什么是敏感型货物,被海关扣押之后如何处理?
- 基于CentOs的docker的安装和简单使用
- javaScript数组操作--有道笔记整理
- 数据处理(一)数据清洗
热门文章
- html段落排版,美化网页段落排版的css教程
- ASP.NET中DropDownList控件的简单使用--DDL绑定数据库表中值,选择DDL中值直接检索数据...
- Python __init__.py 作用详解
- 第二模块:函数编程 第1章·文件处理、函数、装饰器、迭代器、内置方法
- mysql 的 select into 带来的错误数据问题
- VS2013开发Windows服务项目
- 敏捷开发系列之旅 第四站(透明的Crystal水晶方法) .
- 如何更新linux系统时间
- java serlet清空cookie_如何删除Java Servlet中的Cookie
- php mysql bbs_BBS(php mysql)完整版(二)