java:
- /**
- * 通用上传请求(单个)
- */
- @PostMapping("/upload")
- @ResponseBody
- public AjaxResult uploadFile(MultipartFile file) throws Exception
- {
- System.out.println("jls");
- try
- {
- // 上传文件路径
- String filePath = RuoYiConfig.getUploadPath();
- // 上传并返回新文件名称
- String fileName = FileUploadUtils.upload(filePath, file);
- String url = serverConfig.getUrl() + fileName;
- AjaxResult ajax = AjaxResult.success();
- ajax.put("url", url);
- ajax.put("fileName", fileName);
- ajax.put("newFileName", FileUtils.getName(fileName));
- ajax.put("originalFilename", file.getOriginalFilename());
- return ajax;
- }
- catch (Exception e)
- {
- return AjaxResult.error(e.getMessage());
- }
- }
html:
- $("#sureCut").on("click", function () {
- cas = $('#tailoringImg').cropper('getCroppedCanvas'); //获取被裁剪后的canvas
- base64url = cas.toDataURL('image/png'); //转换为base64地址形式
- base64url = base64url.replace("\r", "");
- $("#preimg").attr("src", base64url);
- //关闭裁剪框
- closeTailor();
- });
-
-
-
-
- //关闭裁剪框
- function closeTailor() {
- var data = new FormData();
- //dataURLtoBlob(base64url )将base64格式转为blob格式
- data.append("file",dataURLtoBlob(base64url ));
- console.log(data)
- $.ajax({
- type: "POST",
- url: "/common/upload",
- data: data,
- async: false,
- cache: false,
- contentType: false,
- processData: false,
- dataType: 'json',
- success: function (result) {
- if (result.code == 0) {
- console.log(result);
- alert("上传成功")
- window.location.href = "/jieHong?url=" + result.url;
-
- } else {
- alert(result.msg);
- }
- },
-
- });
- }
- //将base64Url转换为blob格式
- function dataURLtoBlob(dataUrl) {
- var arr = dataUrl.split(',');
- mime = arr[0].match(/:(.*?);/)[1];
- bstr = atob(arr[1]);
- n = bstr.length;
- u8arr = new Uint8Array(n);
- while (n--) {
- u8arr[n] = bstr.charCodeAt(n);
- }
- return new Blob([u8arr], {type: mime});
- }