SSM 前端使用AJAX方式,fromdata文件格式上传二进制流文件
在使用SSM框架进行开发时,前端可以通过AJAX方式以FormData
格式上传文件。以下是一个简单的示例代码:
HTML 部分:
<form id="uploadForm">
<input type="file" id="file" name="file"/>
<button type="button" id="upload">上传</button>
</form>
JavaScript 部分 (使用 jQuery):
$(document).ready(function() {
$('#upload').click(function() {
var formData = new FormData();
var fileInput = $('#file')[0];
if (fileInput.files.length > 0) {
formData.append('file', fileInput.files[0]);
$.ajax({
url: '/upload', // 你的服务器上传接口
type: 'POST',
data: formData,
processData: false, // 告诉jQuery不要处理发送的数据
contentType: false, // 告诉jQuery不要设置内容类型头
success: function(response) {
console.log('File uploaded successfully');
},
error: function(xhr, status, error) {
console.error('File upload failed');
}
});
} else {
alert('请选择一个文件上传');
}
});
});
后端(Spring MVC)控制器接收文件并处理:
@Controller
public class FileUploadController {
@RequestMapping(value = "/upload", method = RequestMethod.POST)
@ResponseBody
public String handleFileUpload(@RequestParam("file") MultipartFile file) {
// 处理上传的文件,例如保存到磁盘或数据库
// 返回响应
return "文件上传成功";
}
}
确保你的Spring MVC配置中包含了对multipart文件上传的支持:
<bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<!-- 设置最大上传文件大小 -->
<property name="maxUploadSize" value="10485760"/>
</bean>
以上代码提供了一个简单的文件上传示例,你可以根据实际需求进行调整和扩展。
评论已关闭