手机端WAP图片上传解决方案localResizeIMG先压缩后ajax无刷新上传

VIP文章 Php_Python_Java

于 2018-01-29 16:46:04 发布

阅读量1.2k

点赞数

分类专栏： js 文章标签： ajax上传多张图片手机端

本文链接：https://blog.csdn.net/ChenZhuoDeDiKang/article/details/79197144

版权

<a href="https://gitee.com/yinfanliang/chengyang.git ">git地址</a>

<!DOCTYPE html>

<html lang="zh-cn">

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>多图片上传</title>
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="./lrz.bundle.js"></script>
<style>
* {
margin: 0;
padding: 0;
}
/*图片上传*/

html,
body {
width: 100%;
height: 100%;
}

.container {
width: 100%;
height: 100%;
overflow: auto;
clear: both;
}

.z_photo {
width: 5rem;
height: 5rem;
padding: 0.3rem;
overflow: auto;
clear: both;
margin: 1rem auto;
border: 1px solid #555;
}

.z_photo img {
width: 1rem;
height: 1rem;
}

.z_addImg {
float: left;
margin-right: 0.2rem;
}

.z_file {
width: 1rem;
height: 1rem;
background: url(z_add.png) no-repeat;
background-size: 100% 100%;
float: left;
margin-right: 0.2rem;
}

.z_file input::-webkit-file-upload-button {
width: 1rem;
height: 1rem;
border: none;
position: absolute;
outline: 0;

最低0.47元/天解锁文章

Php_Python_Java

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
手机端WAP图片上传解决方案localResizeIMG先压缩后ajax无刷新上传

https://gitee.com/yinfanliang/chengyang.git ">git地址多图片上传 * { margin: 0; padding: 0; } /*图片上传*/
复制链接

扫一扫