我正在尝试在我的JEE项目中使用jQuery文件上传插件(Basic Plus UI版本),我按照以下说明操作:
将jQuery文件上载(UI版本)与自定义服务器端上载处理程序一起使用
1.在您的平台上实现文件上传处理程序(Ruby,Python,Java等),处理基于正常表单的文件上传并将其上传到您的服务器。另请参阅文档主页上的服务器端特定教程 2.下载并解压缩插件存档 3.编辑main.js并将url选项调整为自定义文件上载处理程序的URL。或者,您可以删除url选项并编辑index.html,并将HTML表单元素的action属性调整为自定义文件上载处理程序的URL。如果上传处理程序需要文件上传的其他参数名称而不是文件[],则还必须调整文件输入名称属性或设置paramName选项(请参阅选项文档)。
4.将jQuery-File-Upload文件夹上传到您的网站 5.扩展自定义服务器端上载处理程序以返回类似于以下输出的JSON响应:
现在关于第3步
3.编辑main.js并将url选项调整为自定义文件上传处理程序的URL。
当我在Netbeans上使用Apache Tomcat 7.0.34.0时,我应该在main.js文件中编辑什么?
这是main.js文件:
/*
* jQuery File Upload Plugin JS Example
* https://github.com/blueimp/jQuery-File-Upload
*
* Copyright 2010, Sebastian Tschan
* https://blueimp.net
*
* Licensed under the MIT license:
* https://opensource.org/licenses/MIT
*/
/* global $, window */
$(function () {
'use strict';
// Initialize the jQuery File Upload widget:
$('#fileupload').fileupload({
// Uncomment the following to send cross-domain cookies:
//xhrFields: {withCredentials: true},
url: 'server/php/'
});
// Enable iframe cross-domain access via redirect option:
$('#fileupload').fileupload(
'option',
'redirect',
window.location.href.replace(
/\/[^\/]*$/,
'/cors/result.html?%s'
)
);
if (window.location.hostname === 'blueimp.github.io') {
// Demo settings:
$('#fileupload').fileupload('option', {
url: '//jquery-file-upload.appspot.com/',
// Enable image resizing, except for Android and Opera,
// which actually support image resizing, but fail to
// send Blob objects via XHR requests:
disableImageResize: /Android(?!.*Chrome)|Opera/
.test(window.navigator.userAgent),
maxFileSize: 999000,
acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i
});
// Upload server status check for browsers with CORS support:
if ($.support.cors) {
$.ajax({
url: '//jquery-file-upload.appspot.com/',
type: 'HEAD'
}).fail(function () {
$('<div class="alert alert-danger"/>')
.text('Upload server currently unavailable - ' +
new Date())
.appendTo('#fileupload');
});
}
} else {
// Load existing files:
$('#fileupload').addClass('fileupload-processing');
$.ajax({
// Uncomment the following to send cross-domain cookies:
//xhrFields: {withCredentials: true},
url: $('#fileupload').fileupload('option', 'url'),
dataType: 'json',
context: $('#fileupload')[0]
}).always(function () {
$(this).removeClass('fileupload-processing');
}).done(function (result) {
$(this).fileupload('option', 'done')
.call(this, $.Event('done'), {result: result});
});
}
});
由于