0

multipart/form-data を使用する RestEasy サービスを介して、Jquery を使用して Excel ファイルをアップロードしたいと考えています。ファイルのアップロードに Ajax を使用するか、単純な Jquery/Javascript を使用するかで十分です。Ajax 手段のみを使用したい場合、アップロード用に投稿する必要があるのはどの種類のコンテンツ タイプですか?

これは私の HTML & Jquery コードです。

<script type="Javascript">
    $(document).ready(function () {
        //var filename = document.getElementById("uploadedFile").value;
        var filename = $("#uploadedFile").val();
        //alert(filename);
        jQuery("#Upload").click(function () {
            $.ajax({
                url: 'service url',
                type: 'POST',
                contentType: 'application/json; charset=utf-8',
                // enctype: 'multipart/form-data',
                data: {
                    file: filename
                },
                cache: false,
                success: function (data) {
                    alert('success');
                    return false;
                },
                error: function (data, status) {
                    alert("failue");
                    alert(status);
                }
            });
        });
    });
</script>

<input type="file"  name="uploadedFile" id="uploadedFile" size="30" ><br><br>
<input type="button" id="Upload" name="Upload" value="Upload"  style="width:72px;height:23px;">
4

5 に答える 5

1

jQuery と HTML の両方で実行できます。以下のコーディングを参照してください。それはHTMLにあります。

HTML

<form id="" enctype="multipart/form-data" method="POST" name=""
      action='URL.do'>
    <table width="100%" height="0" border="0" style="border-collapse: collapse" cellpadding="0" cellspacing="0">
        <tr>
            <td>Select File to Upload&nbsp;</td>
            <td valign="top" colspan="3">
                <input type="file" name="excelFile" id="excelFile"
                       accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet">
            </td>
        </tr>

        <tr>
            <td align="left">

                <input type="submit" class="buttons" onclick=""
                       id="btnUpload" name="btnUpload" value="Submit"/>
            </td>
        </tr>

    </table>

</form>
于 2018-05-16T12:05:50.147 に答える
0

JS とフォールバックを使用してページをリロードせずにアップロードする場合は、 http://www.uploadify.com/またはhttp://www.plupload.com/を使用できます。

私はそれらの両方をテストして検証しました:)

于 2013-04-10T10:02:53.167 に答える