2

我在页面上有一个空的文件输入字段,我想使用 jQuery 填充页面上已经存在的文件。

例如,我有以下链接:

<a href="download.pdf" class="file">Download Me</a>

以及以下形式:

<form>
     <input type="file" value="">
     <input type="submit" value="">
</form>

我想使用jQuery来获取链接的href,然后将其分配给文件上传。我可以通过为 href 分配一个变量来轻松地启动它,如下所示:

var download = $("a.file").attr("href");

但是,我将如何使用此变量分配文件输入的上传?

4

1 回答 1

2

据我了解,您正在尝试做的是“使用表单标签”上传文件输入。您通过链接填充输入。

HTML

您在表单上启用的内容:http: //www.w3.org/TR/html401/types.html#type-content-type

<form method="post" enctype="multipart/form-data">
    <input type="file" value="">
     <input type="submit" value="">
</form>

jQuery

您现在可以使用 jQuery 将它们发送到 AJAX 调用中

/* untested code */
$(function(){
    var uploads = [],
        form = $("form input").eq(0),
        files = $("a.file").prop("href"),
        len = files.length;

    for (var i = 0; i < len; i += 1){
        // inc. validate files
        // inc. validate form data
        // inc. encryption
        form.prop("src", files[i]);
        uploads.push(form);
    }

    // upload form options.data = form
    // http://api.jquery.com/jQuery.ajax/
    $.ajax(options);
});

现在,据我了解,一种更节省的方法是加密您发送的内容,这在安全方面是有意义的。

您不必“使用加密”来测试它。看看它是如何从那里开始的。 使用 jquery ajax 上传多个图像并使用 php 处理它们

于 2013-05-01T20:45:03.160 回答