Question

我尝试上传视频，同时用户浏览我的网络应用程序。

为此，我尝试在后台打开一个新标签页，其中包含一个新的javascript库，只需上传视频即可传递所需的所有参数。

现在所有内容都在1个库中，所以我不知道如何创建我正在寻找的新主题。

下面我使用以下代码粘贴代码

var blob;

function xhr(url, data, callback) {
    'use strict';

    var request = new XMLHttpRequest();
    request.onreadystatechange = function () {
        if (request.readyState === 4 && request.status === 200) {
            callback(request.responseText);
        }
    };
    request.open('POST', url);
    request.send(data);
}

function sendVideo(name, path) {
    'use strict';

    var formData = new FormData();

    formData.append('filename', name + '.webm');
    formData.append('video', blob);
    formData.append('title', $('.title').val());
    formData.append('tag1', $('#tag1').val());

    if ($('#tag2').val()) {
        formData.append('tag2', $('#tag2').val());
    }

    if ($('#tag3').val()) {
        formData.append('tag3', $('#tag3').val());
    }

    xhr(path, formData, function (fName) {
        if (fName === 'success') {
            window.alert('Your video has been succesfully uploaded');
        } else {
            window.console.log(fName);
        }
    });
}

<div onclick="sendVideo(1, 'test');">Send</div>

同样，我会对有关处理此问题的不同方法的新建议持开放态度。

感谢您的建议。

Answer 1

这似乎非常适合网络工作者。

Web应用程序是HTML5中一个相当新的工具，它允许您使用＆＃34;沿着你的页面多线程。

我已经用它们在后台完成大文件加载。

查看Eric Bidelman关于这个主题的精彩文章，了解更多信息： http://www.html5rocks.com/en/tutorials/file/filesystem-sync/

从父选项卡中读取变量

1 个答案: