移动端H5的js操作-爱代码爱编程
移动端H5处理物理退回
//手机端物理退回,重新加载前一个页面
$(document).ready(function() {
window.history.pushState("","","#");
});
window.addEventListener("popstate",function(e){
//触发物理回退时,前一个页面的url
var prevUrl = "";
location.href = prevUrl;
});
webuploader上传下载
- 官方文档http://fex.baidu.com/webuploader/doc/index.html
- 引入的依赖http://fex.baidu.com/webuploader/download.html
<script>
var index;
$(function() {
var uploader = WebUploader.create({
server: '', // 文件接收服务端。
auto: true,// 选完文件后,是否自动上传。
pick: {
id : '',//触发上传的元素
multiple : false//是否开起同时选择多个文件能力。
},
accept: {//支持的类型
extensions: '${fn:replace(动态类型,"|",",")}'
},
formData: {//文件上传请求的参数表,每次发送都会发送此对象中的参数。
"param1":"${param1}"
},
fileVal: 'attach'// [可选] [默认值:'file'] 设置文件上传域的name。
});
// 当有文件被添加进队列的时候
uploader.on('fileQueued', function(file) {
index = layer.load(2, {shade:0.3});
});
uploader.on('uploadSuccess', function(file,data) {
//当文件上传成功时触发。
layer.close(index);
});
uploader.on('uploadError', function(file,reason) {
//当文件上传出错时触发。
layer.alert("上传文件出错,错误码:"+reason+",请联系系统管理员!");
layer.close(index);
});
uploader.on('uploadComplete', function(file) {
//不管成功或者失败,文件上传完成时触发。
layer.close(index);
});
});
</script>
webuploader有众多的api这里只引用的简单的几个方法
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文链接: https://blog.csdn.net/qq_39425564/article/details/112666391