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

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调用、获取数据和编写文件。