zoukankan      html  css  js  c++  java
  • javaweb--上传文件使用灵活的自定义添加

    //upload2.jsp

    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>My JSP 'upload2.jsp' starting page</title>

    <script type="text/javascript">
    function addinput(){
    var div = document.getElementById("file");

    var input = document.createElement("input");
    input.type="file";
    input.name="filename";

    var del = document.createElement("input");
    del.type="button";
    del.value="删除";
    del.onclick = function d(){
    this.parentNode.parentNode.removeChild(this.parentNode);
    }


    var innerdiv = document.createElement("div");


    innerdiv.appendChild(input);
    innerdiv.appendChild(del);

    div.appendChild(innerdiv);
    }
    </script>

    </head>

    <body>


    <form action="" enctype="mutlipart/form-data"></form>
    <table>
    <tr>
    <td>上传用户:</td>
    <td><input type="text" name="username"></td>
    </tr>
    <tr>
    <td>上传文件:</td>
    <td>
    <input type="button" value="添加上传文件" onclick="addinput()">
    </td>
    </tr>
    <tr>
    <td></td>
    <td>
    <div id="file">

    </div>
    </td>
    </tr>

    </table>


    </body>
    </html>

  • 相关阅读:
    checkbox 实现单选效果(html)
    HDU-6850 Game
    牛客练习赛29----F 算式子
    牛客多校第二场 B Boundary
    D. Omkar and Circle
    【洛谷】P3306 [SDOI2013]---- 随机数生成器
    二次剩余
    【洛谷】--P2704 [NOI2001]炮兵阵地
    【洛谷】4310 绝世好题
    快速排序
  • 原文地址:https://www.cnblogs.com/my-time/p/4522362.html
Copyright © 2011-2022 走看看