水印问题:整了半天还是不会在OSS添加水印,求帮助!
Re水印问题:整了半天还是不会在OSS添加水印,求帮助!
请问怎样图片上传的时候自动在服务器端加水印呢?就是上传一张没有水印的图片,然后服务器端加水印,然后返回一张加了水印的图片地址。
-------------------------
Re水印问题:整了半天还是不会在OSS添加水印,求帮助!
啊,我试着写了一个JavaScript代码,我的思路上,先上传一张原图片,然后用Client.copy复制一张图片,但是复制的对象是经过缩略的图片。
````
client.multipartUpload(storeAs, file).then(function (result) {
shtml=shtml.replace(result.name+' 上传成功!'+Date().toString().substr(16,9)+' $('#file').html(shtml);
client.copy(result.name.replace(/\./,'thumb.'),result.name+'?x-oss-process=image/resize,h_100').then(function(result){}).catch(function (err) {
console.log(err);
});;
}).catch(function (err) {
console.log(err);
});
```
然而我发现返回这样的结果,看图片吧。
它的意思是说请求头中缺少一个“Access-Control-Allow-Origin”的头。如果一个不透明的请求能够满足你的需要,请把请求模式设置成“无跨域”,以在跨域禁用的情况下取回源。
但是我真的没看懂它的意思啊。
-------------------------
Re水印问题:整了半天还是不会在OSS添加水印,求帮助!
我把上面那段代码改成
```
client.multipartUpload(storeAs, file).then(function (result) {
shtml=shtml.replace(result.name+' 上传成功!'+Date().toString().substr(16,9)+' $('#file').html(shtml);
client.copy(result.name.replace(/\./,'thumb.'),result.name+'?x-oss-process=image/resize,h_100',{'headers':{'Access-Control-Allow-Origin':'*.oss-cn-shanghai.aliyuncs.com'}}).then(function(result){}).catch(function (err) {
console.log(err);
});;
}).catch(function (err) {
console.log(err);
});
```
对吗?好像还是没用。我就是想实现把缩略图或者加了水印的图片存放在服务器上。
赞0
踩0