WEB文件上传之JQuery ajaxfileupload插件使用,今日头条hr面试问题
$(function () {
$('#fileupload').change(function () {
// 当文件选择框的值改变时,启动上传
$('#loading').text('正在上传...').show(); // 显示加载信息
// 使用ajaxfileupload插件上传文件
$.ajaxFileUpload({
url: '/upload/', // 服务器端上传文件的URL
secureuri: false,
fileElementId: 'fileupload', // 文件选择框的id属性
dataType: 'json', // 服务器返回的格式
success: function (data, status) {
// 上传成功后的回调函数
if (typeof (data.error) != 'undefined') {
// 如果服务器返回了错误信息
if (data.error != '') {
// 显示错误信息
$('#loading').text(data.error).addClass('error');
} else {
// 显示上传后的文件路径
$('#loading').text('上传成功').addClass('success');
// 这里可以执行其他操作,例如更新UI等
}
}
},
error: function (data, status, e) {
// 上传失败后的回调函数
$('#loading').text('上传失败').addClass('error');
}
});
return false;
});
});
这段代码使用了$.ajaxFileUpload
来处理文件的Ajax上传,并在上传结束后根据服务器的响应更新页面的显示信息。注意,服务器端的/upload/
路径需要根据实际情况进行修改,并确保它能够处理文件上传的请求。
评论已关闭