相关疑难解决方法(0)

如何在html5中管理从剪贴板粘贴的图像?

在Documentum Eroom App上,IE能够自动从剪贴板粘贴上传图像,而Firefox则无法上传.

所以我想知道html5是否支持这种行为(不仅仅是从资源管理器中拖放图像/文件).

更新:授予访问权限是不够的,它还能够处理BINARY数据,而不仅仅是TEXT当前的firefox可以处理二进制文件我看不到它可能它不明确?

这不仅仅是拖放,这在许多网站上已广泛实施.它是关于BINARY FORMAT CLIPBOARD MANIPULATION将图像从剪贴板保存到服务器而无需保存文件然后拖放.将文件保存在某处的过程对用户来说非常艰巨,因此从剪贴板直接上传确实是必须节省的时间.

html5

17
推荐指数
2
解决办法
2万
查看次数

拖放图像转换为 Base64

我的网站需要以下功能。一切都必须在客户端(javascript 或任何 javascript 库)上完成。

我的本地计算机中有一个图像,将其拖放到浏览器中。在没有向服务器发出任何请求的情况下,JavaScript 必须将此图像转换为 Base64。

我有一个在客户端将图像转换为 base64 的代码,但这需要 HTTP URL。我需要的是,图像需要从本地上传。

function toDataURL(url, callback) {
  var xhr = new XMLHttpRequest();
  xhr.onload = function() {
    var reader = new FileReader();
    reader.onloadend = function() {
      callback(reader.result);
    }
    reader.readAsDataURL(xhr.response);
  };
  xhr.open('GET', url);
  xhr.responseType = 'blob';
  xhr.send();
}

toDataURL('https://www.gravatar.com/avatar/d50c83cc0c6523b4d3f6085295c953e0', function(dataUrl) {
  console.log('RESULT:', dataUrl)
})
Run Code Online (Sandbox Code Playgroud)

javascript browser jquery drag-and-drop image

5
推荐指数
1
解决办法
3523
查看次数

标签 统计

browser ×1

drag-and-drop ×1

html5 ×1

image ×1

javascript ×1

jquery ×1