我正在尝试使用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>
谢谢。
答案 0 :(得分:1)
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);
});
}
});
});
如果您在开始时未使用/
,则上传目标将相对于显示上传者的脚本所在的地址。