zoukankan      html  css  js  c++  java
  • form 文件上传

    通过form属性enctype="multipart/form-data"上传

    html:

    <form action="" class="" enctype="multipart/form-data" id="peo-new-form">
      <div class="flex flex-pack-center">
        <div class="fullPath peo-edit-fullPath ellips" id="peo-edit-fullPath"></div>
        <a href="javascript:;" class="file peo-edit-file peoForm" id="peo-edit-file">选择文件
          <input type="file" name="" id="editForm">
        </a>
      </div>
    </form>

    css:

    对原有的文件上传进行美化

    .file {

       position: relative; 

       160px;

       height: 56px;

       line-height: 40px;

       padding: 7px 10px; 

      text-align: center;

       border-radius: 13px;

       overflow: hidden;

       text-indent: 0;

      color: #54546C;

      font-size: 30px;

      background: #fff;

  • 相关阅读:
    理解javascript 对象,原型对象、闭包
    JSON数据理解
    css 盒模型相关样式
    神奇的CSS3选择器
    设计模式六大原则
    java反射机制性能优化
    一份关于jvm内存调优及原理的学习笔记
    浅谈http请求数据分析
    Apache+Tomcat部署负载均衡(或集群)
    同台电脑部署多组Tomcat负载均衡(或集群)
  • 原文地址:https://www.cnblogs.com/lyt598/p/11158053.html
Copyright © 2011-2022 走看看