更改jQuery文件上载脚本

时间:2014-01-13 06:45:33

标签: jquery jquery-file-upload

我正在尝试使用jQuery文件上传插件(http://blueimp.github.io/jQuery-File-Upload/)为我的网站上传图片。默认情况下,上传图像时,它将转到位于“server / php /”路径的脚本。

那么,我该如何自定义上传脚本位置?

我的剧本:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>jQuery File Upload Example</title>
</head>
<body>
<input id="fileupload" type="file" name="files[]" data-url="server/" multiple>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/vendor/jquery.ui.widget.js"></script>
<script src="js/jquery.iframe-transport.js"></script>
<script src="js/jquery.fileupload.js"></script>
<script>
$(function () {
    $('#fileupload').fileupload({
        dataType: 'json',
        url: 'upload/index.php',
        done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                $('<p/>').text(file.name).appendTo(document.body);
            });
        }
    });
});
</script>
</body> 
</html>

谢谢。

1 个答案:

答案 0 :(得分:1)

这是{em>肯定由url选项设置:

https://github.com/blueimp/jQuery-File-Upload/wiki/Options#url

对于您的示例代码,如果您打算使用upload/index.php ...请在开头使用/

代码应为:

$(function () {
    $('#fileupload').fileupload({
        dataType: 'json',
        url: '/upload/index.php', //de Added "/" at start of relative URI.
        done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                $('<p/>').text(file.name).appendTo(document.body);
            });
        }
    });
});

如果您在开始时未使用/,则上传目标将相对于显示上传者的脚本所在的地址。