仅使用jQuery ajax客户端的Multipart / form-data上传文件

Question

我想使用ajax上传文件而不需要任何服务器端代码，这可能吗？

这是JS Fiddle。

<form method="POST" enctype="multipart/form-data" action="">
    <textarea name="txtComment" id="txtComments" placeholder="Comments"></textarea>
    <div style="padding-top:15px;">
        <label for="photo_file"></label>
        <input data-clear-btn="true" name="photo_file" id="photo_file" data-theme="a" type="file" />
    </div>
    <div style="padding-top:15px;">
        <input id="btnSave" data-inline="false" data-icon="plus" data-iconpos="left" onclick="SavePhoto();" value="Save and upload" data-mini="false" type="submit" />
    </div>
    <!-- <a id="btnSave" data-role="button" data-inline="false" href="javascript:void(0);" data-icon="plus" data-iconpos="left" onclick="SavePhoto();" data-mini="false">Save and upload</a>-->
    <div data-role="fieldcontain" style="padding-top:15px;">
        <label for="flip-6"></label>
        <select name="flip" id="flip" data-role="slider">
            <option value="0">Private</option>
            <option value="1">Public</option>
        </select>
    </div>
</form>

Answer 1

AJAX原则是与服务器（发送/接收）通信，但不能直接写入文件（安全性）。您必须在服务器上安装PHP（或其他语言）脚本才能接听Ajax调用，获取数据并写入文件。