Form表單標(biāo)簽的Enctype屬性的作用及應(yīng)用示例介紹

字號:


    Enctype:指定將數(shù)據(jù)回發(fā)到服務(wù)器時(shí)瀏覽器使用的編碼類型。用于表單里有圖片上傳。
    編碼類型有以下三種:
    application/x-www-form-urlencoded:在發(fā)送前編碼所有字符(默認(rèn))。這是標(biāo)準(zhǔn)的編碼格式。
    multipart/form-data:不對字符編碼,在使用包含文件上傳控件的表單時(shí),必須使用該值。
    text/plain:窗體數(shù)據(jù)以純文本形式進(jìn)行編碼,其中不含任何控件或格式字符。
    例子:
    代碼如下:
    <formaction="${pageContext.request.contextPath}/imageUpload_saveOrUpdate.action"method="post"enctype="multipart/form-data">
    <div>
    <label>請選擇上傳圖片地址:</label>
    <inputtype="file"name="image"/>
    </div>
    </div>
    <div>
    <inputtype="submit"value="上傳"/>
    </div>
    </form>
    表單中enctype="multipart/form-data"的意思,是設(shè)置表單的MIME編碼。默認(rèn)情況,這個(gè)編碼格式是application/x-www-form-urlencoded,不能用于文件上傳;只有使用了multipart/form-data,才能完整的傳遞文件數(shù)據(jù)。enctype="multipart/form-data"是上傳二進(jìn)制數(shù)據(jù)過去。
    如果在服務(wù)器端要通過Request對象來獲取相應(yīng)表單域的值,則應(yīng)該將enctype屬性設(shè)置為application/x-www-form-urlencoded值(即默認(rèn)值,可以不顯示設(shè)置)。
    為什么上傳文件要設(shè)置enctype="multipart/form-data":
    因?yàn)椋涸O(shè)置enctype為multipart/form-data值后,不對字符編碼,則數(shù)據(jù)通過二進(jìn)制的形式傳送到服務(wù)器端,這時(shí)如果用request是無法直接獲取到相應(yīng)表單的值的,而應(yīng)該通過stream流對象,將傳到服務(wù)器端的二進(jìn)制數(shù)據(jù)解碼,從而讀取數(shù)據(jù)。
    如果要上傳文件的話,是一定要將encotype設(shè)置為multipart/form-data的。