使用blueimp fileupload

时间:2016-10-28 21:35:21

标签: javascript jquery facebook file-upload blueimp

我正在我的网站上创建一个功能,用户可以登录他们的Facebook帐户,这样他们的个人资料图片就可以通过Blueimp的jQuery文件上传插件上传到我的服务器上。最初,我通过https://developers.facebook.com/docs/javascript/quickstart设置了Facebook API。然后,我通过Facebook API方法检索他们的个人资料图片:

FB.api('/me/picture?type=normal', function(response) {
  var facebookProfilePicUrl = response['data']['url'];
}

使用此URL,我需要将图像从URL上传到我的后端进行处理。这是怎么做到的?我做了一些研究,遇到了一个有类似问题的人。 Blueimp File Upload: add image from URL。我尝试了答案的方法,并通过提问者的示例代码The easy way to convert an URL Image to Base64 or Blob in Javascript/Jquery将图像的URL转换为base64。但是,当我尝试通过atob(dataUrl)将base64字符串转换为Blob对象时,我收到错误:Uncaught InvalidCharacterError: Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded.我还尝试了其他人将图像URL转换为StackOverflow的base64字符串的方法我仍然无法在返回的base64字符串上执行atob(dataUrl)。有没有更简单的方法来实现我想要实现的目标?如果没有,为什么我收到此错误?我为糟糕的问题格式道歉。

0 个答案:

没有答案