jQuery ajax上传$ _FILE

Question

我正在使用带有$ .ajax（）函数的jQuery插件。 有一些方法可以通过POST上传文件，并在完成时执行某些功能？ 这是我的代码...。我做错了什么？

$.ajax({
                url: "../index.php?rqst=upload",
                type: 'POST',
                data:{
                    'fileToUpload': $("#fileToUpload").val()

                },
                success: function(data) {
                    alert("file upload");
                }}); 

这是文件输入：

<input class="form-control" type="text" name="fileToUpload" id="fileToUpload">

还有一种在加载过程中显示gif的方式？？？ 提前致谢

Answer 1

文件上传必须为enctype='multipart/form-data'并且不能像执行操作那样混合使用GET和POST。 由于这是POST，请从网址中删除?rqst=upload 。 $("#fileToUpload").val()也只会为您提供文件名，而不是实际文件名。 您需要专门的javascript库来使用Ajax上传文件。 另外，对于文件上传，您输入的类型必须是type='file'而不是type='text' 。

Answer 2

使用$ .post（）比$ .ajax（）容易得多。

您几乎正确。 代替成功使用完成。

在运行$ .ajax（）之前，添加一些简单的dom操作代码，该代码将旋转的gif放置在某处。 然后在成功的回调处理程序中添加代码以将其删除。

另外，还有一个用于制作旋转加载图标的javascript库： http : //fgnass.github.io/spin.js/# ！

Answer 3

首先，我将检查您是否可以直接连接到文件，注释掉您的数据部分，并将URL更改为仅包含回声的页面。 那么如果发现该页面已连接到您，则会收到警报。

另外请确保“ index.php？rqst = upload”中包含回显，以便成功函数将其选中。 我通常在if else语句中使用echos，这样我可以查看是否发生错误以及发生什么错误，然后可以使用js显示必要的消息