前端多图片上传同时上传

最新推荐文章于 2024-04-03 15:18:19 发布

即墨丹青

最新推荐文章于 2024-04-03 15:18:19 发布

阅读量1.9k

点赞数

分类专栏： php 文章标签：多图片同时上传图片上传前端

本文链接：https://blog.csdn.net/qq_26282869/article/details/88999223

版权

 
<!DOCTYPE html>    
<html>    
<head>    
<meta charset="UTF-8">    
<title>showImages</title>    
<style type="text/css">   
    .float{    
        float:left;    
        width : 200px;    
        height: 200px;    
        overflow: hidden;    
        border: 1px solid #CCCCCC;    
        border-radius: 10px;    
        padding: 5px;    
        margin: 5px;    
    }    
    img{    
        position: relative;    
    }    
    .result{    
        width: 200px;    
        height: 200px;    
        text-align: center;    
        box-sizing: border-box;    
    }   
  
  
    #file_input{  
        display: none;  
    }  
  
  
    .delete{  
        width: 200px;  
        height:200px;  
        position: absolute;  
        text-align: center;  
        line-height: 200px;  
        z-index: 10;  
        font-size: 30px;  
        background-color: rgba(255,255,255,0.8);  
        color: #777;  
        opacity: 0;  
        transition-duration: 0.7s;  
        -webkit-transition-duration: 0.7s;   
    }  
  
  
    .delete:hover{  
        cursor: pointer;  
        opacity: 1;  
    }  
  
  
        
</style>    
    
    
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>    
<script type="text/javascript">    
    
    
window.onload = function(){

最低0.47元/天解锁文章

即墨丹青

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
前端多图片上传同时上传

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>showImages</title> <style type="text/css"> .float{ float:...
复制链接

扫一扫