fileupload組件之上傳與下載的頁面

最後更新：2017-08-02 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：pat upload page lang tab title att scripts javascrip

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><script type="text/javascript" src="${pageContext.request.contextPath }/scripts/jquery-1.7.2.js"></script><script type="text/javascript">        $(function(){                var i = 2;        //擷取#addFile,並為其添加click響應函數。        $("#addFile").click(function(){
　　　　//當前節點（<td>）的父節點（<tr>）加上文本域。
　　　　//before就是在什麼的前加上什麼。
　　　　　　　　 $(this).parent().parent().before("<tr class=‘file‘><td>File"                     + i + ":</td><td><input type=‘file‘ name=‘file"                     + i + "‘/></td></tr>"                    + "<tr class=‘desc‘><td>Desc"                     + i + ":</td><td><input type=‘text‘ name=‘desc"                     + i + "‘/><button id=‘delete"                     + i + "‘>刪除</button></td></tr>");            i++;                        //擷取新添加的刪除按鈕            $("#delete" + (i-1)).click(function(){
　　　　　　　　　//$(this)表示當前節點<button>。的父節點<td>的父節點<tr>                var $tr = $(this).parent().parent();                $tr.prev("tr").remove();                $tr.remove();                                //對 i 重寫排序                $(".file").each(function(index){                    var n = index + 1;                    //td:first   表示<td>節點的第一個節點。                    $(this).find("td:first").text("File" + n);                    $(this).find("td:last input").attr("name", "file" + n);                });                                $(".desc").each(function(index){                    var n = index + 1;                                        $(this).find("td:first").text("Desc" + n);                    $(this).find("td:last input").attr("name", "desc" + n);                });                                i = i - 1;            });                        return false;        });            });    </script></head><body>    <font color="red">${message }</font>    <br><br>        <form action="fileuploadservlet" method="post" enctype="multipart/form-data">                <table>            <tr class="file">                <td>File1:</td>                <td><input type="file" name="file1"/></td>            </tr>            <tr class="desc">                <td>Desc1:</td>                <td><input type="text" name="desc1"/></td>            </tr>                        <tr>                <td><input type="submit" id="submit" value="提交"/></td>                <td><button id="addFile">新增一個附件</button></td>            </tr>        </table>            </form></body></html>

fileupload組件之上傳與下載的頁面

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More