Javascript 使用照片编辑器SDK从URL编辑照片

我在应用程序中使用， 但我得到了附加的错误。 在附录中，也遵循了我用来得出这些结果的代码

这似乎是一个跨国问题

但是SDK有一个特定的部分。 我在公司的支持下打开了电话，但到目前为止什么都没有。 如果有人已经经历过这个问题，知道原因，或者如何解决。 请帮帮我；-

“使用严格限制”；
/*链接=http://localhost:8080/editar?&page=1&url=https://photos.google.com/lr/photo/AGj1epXDcMoRlOQ7QcWY9dZ2ALBIqhfJuTSz-ywrilsUhstrZ7wo26XkgDSBk4Jx2nJuIPm3LCFoKuo
*/
变量编辑器；
var vars=getUrlVars（）；
var page=vars.page；
var url=vars.url；
window.onload=函数（）{
var container=document.getElementById（'editor'）；
var img=新图像（）；
img.src=url；
编辑器=新的PhotoEditorSDK.UI.ReactUI({
货柜:货柜,，
enableUpload:false，
交叉源：“匿名”，
编辑:{
图片：img，
回答：是的，
enableZoom:false，
controlsOrder:['transform'，'filter'，'adjustments'，'focus']，
出口：{
下载：错，
格式：“图像/jpeg”，
类型：PhotoEditorSDK.RenderType.BLOB
},
},
//下面是您的驾照
许可证：'许可证'，
资产：{
baseUrl:“/assets”
},
});
}
函数getUrlVars（）{
console.log（window.location.href）；
var vars=[]，散列；
var hashes=window.location.href.slice（window.location.href.indexOf（“#”）+1.split（“&”）；
for（var i=0；i

---

在将图像推送到PhotoEditorSDK之前，您需要等待图像加载

您应该将

编辑器=

代码块移动到

img.onload=”“

方法中

---

关于，

在控制台中，出现一条错误消息，指出由于同源策略，无法加载资源

您需要做的是为加载的资源启用CORS（跨源资源共享）。您可以查看更多信息

但是，您可能无法控制加载的资源（例如，允许用户通过指定外部URL添加图像）

在这种情况下，您应该考虑实现一个PHP“代理”，它将在您的服务器上下载图像（注意，相同来源的策略适用于浏览器），然后将该图像提供给前端。您有两个选择：

• 将映像存储在服务器的文件系统中，然后继续URL
• 直接向客户端提供图像内容，例如，您可以在

  base64

  中编码图像，并通过

  XHR

  请求检索图像