java 并发上传文件,编辑并发回图像文件用户上传

我正在为后端图像编辑过程构建一个前端界面(不知道所有正确的行话) .

基本上:

用户应该能够通过UI上传图像文件

将其发送到服务器

以某种方式编辑图像

然后UI应显示已编辑的图像

我正在使用带有 POST 方法的XHR请求,如下所示将图像文件发送到服务器 .

var fileSelect = document.getElementById('file-select');

var uploadButton = document.getElementById('upload-button');

uploadButton.onclick = function() {

this.innerHTML = 'Uploading...';

//---------------

var files = fileSelect.files

var formData = new FormData();

var file = files[0]

if (file.type.match('image.*')) {

formData.append('photos[]', file, file.name);

}

var xhr = new XMLHttpRequest();

xhr.open('POST', 'http://httpbin.org/post', true);

xhr.onload = function() {

if (xhr.status === 200) {

uploadButton.innerHTML = 'Upload';

}

else {

alert('An error occurred!');

}

};

xhr.send(formData);

}; //end on-click 'Upload'

Upload

My question is :一般情况下,一旦将图像文件发送到服务器,通过上面的代码, when/how does the edited image get sent back ?

它会作为服务器响应的一部分发送回我的 POST 请求,因此可以在我的 processRequest 回调函数中访问(假设服务器配置为以这种方式处理它)?

我是否必须发送 GET 请求才能获取已编辑的文件?

此时我无法访问服务器/后端,只知道UI应该如何工作 .

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值