Py学习  »  Jquery

使用POST重定向到POST响应的JQuery表单插件文件上载

Community wiki • 2 年前 • 466 次点击  

请帮帮伙计们,这是一个大盖帽!

我有一个使用NodeJS的项目+ jQuery Form Plugin +我试图在其中进行文件上传的打字脚本。文件上传后,服务器发送对POST消息的响应,POST消息显示在屏幕上。在POST响应呈现在屏幕上之前,文件确实成功且完整地上传了。我希望POST响应调用“success”函数,而不是重定向页面以显示JSON响应。

以下是代码:

$(new ID().setAsRoot().selectId()).append(
    "<form id=\"fileUploadForm\" accept-charset=\"utf-8\" method=\"post\" action=\"/upload\" enctype=\"multipart/form-data\">" +
        "<input id = \"filename\" type=\"file\" name=\"userfile\" multiple=\"multiple\" />" +
        "<button type=\"submit\" id = \"submitButton\"> Upload </button></form>");

var form = $("#fileUploadForm");
form.submit(function (e) {
    //e.preventDefault();
    this.ajaxSubmit({
        type: form.attr('method'),
        url: form.attr('action'),
        data: form.serialize(),
        success: function (data) {
            var x = JSON.parse(data);
            alert("Success : " + x);
        },
        error: function (data) {
            var x = JSON.parse(data);
            alert("Error : " + x);
        }
    });
});

success函数不会被调用(这意味着警报消息不会显示)。JSON数据在屏幕上呈现如下:

{
  "path": "data\\cb3409f1cc234ec3f64b60d80be13a3e.html",
  "name": "feed.html"
}

控制台上出现错误,显示:

Uncaught SyntaxError: Unexpected token : shortcut_manager.js:123
(anonymous function) shortcut_manager.js:123
(anonymous function) extensions::messaging:327
Event.dispatchToListener extensions::event_bindings:386
Event.dispatch_ extensions::event_bindings:371
Event.dispatch extensions::event_bindings:392
dispatchOnMessage

这是处理它的服务器端代码。服务器使用NodeJS强大的模块。

public upload(req:express.Request, res) {

        var form = new formidable.IncomingForm();
        var originalFileName:String;
        var filePath:String;
        form.uploadDir = this.directory;
        form.keepExtensions = true;
        form.type = 'multipart';
        var fields = [];
        form
            .on("error", function (err) {
            })
            .on("field", function (field, value) {
            })
            .on("end", function () {
                res.send({
                    path: filePath,
                    name: originalFileName
                });
            })
            .on("file", function (name, file:formidable.File) {
                originalFileName = file.name;
                filePath = file.path;
            });
        form.parse(req);
        return;
    }

--更新--

如果我这样做 $.ajax 而不是 this.ajax 。文件未上载。浏览器控制台显示一个错误:

XMLHttpRequest cannot load http://localhost/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access. 
Python社区是高质量的Python/Django开发社区
本文地址:http://www.python88.com/topic/157383
 
466 次点击  
文章 [ 5 ]  |  最新文章 2 年前