moxie php,PHP仿微信多图片预览上传功能
PHP仿微信多图片预览下载演示地址:http://www.erdangjiade.com/js...
生产图片区域,上传按钮#btn可替换自己想要的图片
[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()
})
}
}
moxie php,PHP仿微信多图片预览上传功能相关推荐
- 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上查看代码片派生到我的代 ...
- PHP仿微信多图片预览上传
本文演示了手机微信端常用的多图片上传及时预览功能,点击上传的图片可立即删除. 生产图片区域,上传按钮#btn可替换自己想要的图片 <ul id="ul_pics" class ...
- php仿微信上传图片压缩,PHP仿微信多图片预览上传实例代码
生产图片区域,上传按钮#btn可替换自己想要的图片 plupload上传 var uploader = new plupload.Uploader({//创建实例的构造方法 runtimes: 'ht ...
- H-ui.admin v3.1多图片预览上传的问题解决
H-ui.admin v3.1多图片预览上传的问题解决 这个模板的多图片上传我搞了好久,之前忙的时候都放弃了模板给的多图片上传,现在有时间研究下终于解决了,话不多说上代码. (function( $ ...
- java图片预览上传_java实现文件上传、下载、图片预览
这篇文章主要介绍了java实现文件上传.下载.图片预览,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 多文件保存到本地: @ResponseBody ...
- H5实现多图片预览上传,可点击可拖拽控件介绍
在做图片上传时发现一个蛮好用的控件,支持多张图片同时上传,可以点击选择图片,也可以将图片拖拽到上传框直接上传,方便,好用,接口也简单,基本可以直接放到项目里使用. 先看看他的样式: 选择图片后: $( ...
- java图片预览上传_Java实现图片上传预览 (使用ajax提交)
html: 图片上传: js: function changepic(){ var reads = new FileReader(); f = document.getElementById('fil ...
- uniapp利用uview2.0中的uploadFile组件实现多张图片的增删预览上传功能
效果图 <template><view><view class="main-intro" style="background-color: ...
- 一款Android图片预览的开源库,几乎百分百还原微信的图片预览。
图片预览组件PreviewPictureView gihub地址:https://github.com/OneZeroYang/PreviewPictureView 几乎还原微信的图片预览,核心使用共 ...
最新文章
- 如何利用azMan (Authorization Manager) 实现 role-based的安全验证机制
- Java项目:宠物商城系统(java+Springboot+Maven+mybatis+Vue+mysql)
- EOJ_1082_Virtual Friends
- OpenCV中Mat总结
- 异常作弊– Java 8 Lambdas
- wordpress 文章页面 (single.php)
- python中popen的用法_python中的subprocess.Popen()使用
- oppo5.0以上系统怎么样不Root激活Xposed框架的经验
- 疯了!程序员崩溃的40个瞬间!!!
- android自定义view设置高度,自定义View的宽高设定
- gstreamer插件特别要注意事件处理(含代码范例)
- 向量机和感知机的相同和不同点_感知机(perceptron)和支持向量机(svm)是一种东西吗?
如果不是那他们的区别和关系是什么?...
- 图解设计模式-State模式
- java编译命令是什么_JAVA命令行编译及运行
- 《上海悠悠接口自动化平台》-1.新增API 与 各参数的描述
- Win7系统文件缺失怎么修复
- oracle database各个版本地址
- vs 2019 自带 反编译 与 Reflector 反编译工具比较
- vmware虚拟机中的Linux桥接模式上网
- 在制作蓝牙小车app中遇到的坑
热门文章
- patch补丁文件制作 使用和常见问题
- python总结与思考_学Python很久但是一直无法提升!你有思考过究竟是为什么吗?...
- 暗影精灵4风扇转速调节_惠普暗影精灵2怎么调节风扇?
- java计算经纬度距离
- 智能电话机器人--基于 UniMRCP 实现讯飞 TTS MRCP Server
- 影视作品(电影,电视剧,PV,MAD,AMV)的制作程序
- 怎么用计算机里的坦克大战,FC经典90坦克大战电脑版
- INA217构成的专业级微型话筒(麦克风)前置放大典型电路图
- 计算机网络(一):网络层次划分及各层的网络协议
- xray漏扫工具学习。