相关疑难解决方法(0)

我想用jQuery异步上传一个文件.这是我的HTML:

<span>File</span>
<input type="file" id="file" name="file" size="10"/>
<input id="uploadbutton" type="button" value="Upload"/>

在这里我的__CODE__代码:

$(document).ready(function () {
    $("#uploadbutton").click(function () {
        var filename = $("#file").val();

        $.ajax({
            type: "POST",
            url: "addFile.do",
            enctype: 'multipart/form-data',
            data: {
                file: filename
            },
            success: function () {
                alert("Data Uploaded: ");
            }
        });
    });
});

我只获取文件名,而不是上传文件.我该怎么做才能解决这个问题？

现行解决方案

我正在使用jQuery Form Plugin上传文件.

我可以使用以下jQuery代码使用Ajax请求的post方法执行文件上载吗？

$.ajax({
    type: "POST",
    timeout: 50000,
    url: url,
    data: dataString,
    success: function (data) {
        alert('success');
        return false;
    }
});

如果可能,我是否需要填写"数据"部分？这是正确的方法吗？我只将文件发布到服务器端.

我一直在谷歌搜索,但我发现是一个插件,而在我的计划中,我不想使用它.至少目前.

我正在使用jQuery文件上传基于AJAX的上传.它总是在选择文件后开始上传.是否可以更改行为以使用"提交"按钮？我知道问题#35,但选项beforeSend似乎已被删除.

我使用的是Basic Plugin,而不是完整版.

也许我应该按照建议切换到基于XHR的简单上传:jQuery Upload Progress和AJAX文件上传.

(我是亚马逊AWS/S3的新手,所以请耐心等待我)

我的最终目标是允许我的用户使用他们的网络浏览器将文件上传到S3,我的要求是:

1. 我必须处理大文件(2GB +)
2. 我必须支持暂停/恢复进度指示器
3. (可选但可取!)如果连接暂时中断,则能够恢复上载

我的两部分问题是:

• 我已经阅读了有关S3分段上传的内容,但我不知道如何实现基于webbrowser的上传的暂停/恢复.

甚至可以为大文件执行此操作吗？如果是这样的话？

• 我应该将文件上传到EC2,然后在完成后将它们移到S3吗？我可以(安全地)将文件直接上传到S3而不是使用临时文件.网络服务器？

如果可以直接上传到S3,我该如何处理暂停/恢复？

PS.我正在使用PHP 5.2+

我正在尝试使用XMLHttpRequest和file.slice将一些大文件上传到服务器.
我已经在文档和其他各种链接的帮助下做到了这一点.
由于上传大文件是一项很长的工作,我想为用户提供一个进度条.
经过一些更多的阅读后,我遇到了一个例子,从理论上讲,它完全符合我的需要.
通过获取示例代码并使其适应我的需求,我达成了

var upload =
{
blobs: [],
pageName: '',
bytesPerChunk: 20 * 1024 * 1024,
currentChunk: 0,
loaded: 0,
total: 0,
file: null,
fileName: "",

uploadChunk: function (blob, fileName, fileType) {
    var xhr = new XMLHttpRequest();

    xhr.onreadystatechange = function () {
        if (xhr.readyState == 4) {
            if (xhr.responseText) {
                // alert(xhr.responseText);
            }
        }
    };

    xhr.addEventListener("load", function (evt) {
        $("#dvProgressPrcent").html("100%");
        $get('dvProgress').style.width = '100%';
    }, false);

    xhr.addEventListener("progress", function (evt) {
        if (evt.lengthComputable) {
            var progress = …

我在我的Rails 3应用程序上安装了paper_clip,并且可以上传文件 - 哇这很有趣而且简单!

现在的挑战是,允许用户上传多个对象.是否单击选择文件并能够选择多个文件.或者单击更多按钮并获取另一个文件上载按钮.

我无法找到任何教程或宝石来支持这种开箱即用.令人震惊我知道......

任何建议或解决方案.似乎是一个共同的需求？

谢谢

我正在寻找一个带有HTML5进度条的文件上传器.我尝试过使用其他地方的一些教程,包括SO. 这个SO答案(被接受的答案)似乎最接近我想要的但是我无法解决PHP的问题,$_FILES而且$_POST数组和数组似乎都是空的.

在人们开始说不可能使用隐藏的iframe等之前......应该可以使用HTML5.

如果需要,jQuery可用,但我的印象是jQuery目前不支持很多HTML5功能.

更新:

我现在只担心Chrome.