“Valums”文件上传器和方法 POST答案

【问题标题】："Valums" file uploader and method POST“Valums”文件上传器和方法 POST
【发布时间】：2011-02-28 15:41:32
【问题描述】：

我的问题是文件上传器 http://valums.com/ajax-upload/ 将参数添加到 URL，而不是通过 POST 传递它们。

例如：

action:'/upload.php'
params : { x1:'x1'}

... 将作为 URL 提交：

/upload.php?x1=x1

(GET)，但我需要通过 POST 传递其他参数。这可能吗？

【问题讨论】：

我快速查看了源代码，我认为该库仅支持参数作为查询字符串。不过，实现您想要的功能应该不会太难。也许叉子已经做了你想要的……
是不是跨域ajax？
我想我会很难做出改变，而且它不是跨域的
@kusanagi ajax-upload 支持 POST，但我假设您使用的是文件上传器，此链接可能对您有所帮助 github.com/valums/file-uploader/issues#issue/57
为什么需要POST传参？

标签： javascript jquery file-upload

【解决方案1】：

我认为您正在使用 old version 的 ajax-upload。我找到了this new one。

这是一个使用 data 属性正确转换为隐藏输入字段的示例： http://jsfiddle.net/marcosfromero/XkCP5/

var button = $('#button1'), interval;
new AjaxUpload(button,{
    //action: 'upload-test.php', // I disabled uploads in this example for security reasons
    action: 'upload.htm', 
--> data: {field1: 'value1', field2: 'value2'}, <--
    ...

我停止了文件的提交并得到了这个自动创建的表单：

<form enctype="multipart/form-data" method="post" style="display: none;" action="upload.htm" target="ValumsAjaxUpload0">
    <input type="hidden" name="field1" value="value1">
    <input type="hidden" name="field2" value="value2">
    <input type="file" name="myfile" style="position: absolute; margin: -5px 0pt 0pt -175px; padding: 0pt; width: 220px; height: 30px; font-size: 14px; opacity: 0; cursor: pointer; display: block; z-index: 2147483583; top: 48px; left: 147px;">
</form>

【讨论】：

这实际上是 2009 年的旧版本，没有进度条