开发者社区> 问答> 正文

水印问题:整了半天还是不会在OSS添加水印,求帮助!

操作了很长时间,还是不知道如何通过图片处理-样式管理给图片添加水印,求帮助!

展开
收起
yifan485 2016-10-15 07:49:17 7961 0
2 条回答
写回答
取消 提交回答
  • Re水印问题:整了半天还是不会在OSS添加水印,求帮助!
    请问怎样图片上传的时候自动在服务器端加水印呢?就是上传一张没有水印的图片,然后服务器端加水印,然后返回一张加了水印的图片地址。

    -------------------------

    Re水印问题:整了半天还是不会在OSS添加水印,求帮助!

    啊,我试着写了一个JavaScript代码,我的思路上,先上传一张原图片,然后用Client.copy复制一张图片,但是复制的对象是经过缩略的图片。
    ````
          client.multipartUpload(storeAs, file).then(function (result) {
          shtml=shtml.replace(result.name+' <br',result.name+'<br /><span style="color:green">上传成功!'+Date().toString().substr(16,9)+'</span><br');
          $('#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+' <br',result.name+'<br /><span style="color:green">上传成功!'+Date().toString().substr(16,9)+'</span><br');
          $('#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);
          });
    ```
    对吗?好像还是没用。我就是想实现把缩略图或者加了水印的图片存放在服务器上。
    2017-01-20 21:34:19
    赞同 展开评论 打赏
  • 旺旺:nectar2。
    楼主您好,

    感谢您选择了阿里云的产品。

    这里有一些关于OSS水印的帮助文档,您可以参考一下: https://help.aliyun.com/document_detail/32238.html?spm=5176.doc32237.6.512.UMEQTt
    2016-10-15 11:33:55
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
OSS运维进阶实战手册 立即下载
《OSS运维基础实战手册》 立即下载
OSS运维基础实战手册 立即下载