小编Ken*_*cer的帖子

禁用将文件系统映像拖动到浏览器中.

我正在试验HTML5文件API.但是我注意到,如果将图像拖到浏览器中,浏览器会有一个默认行为,即显示图像.但是,如果您的目标是上传图像而不是查看图像,这可能会很烦人.

我想知道是否有办法防止这种行为?我已经在ondrop事件上尝试了stopPropagation/preventDefault,但有一点工作,但是留下了"drop"光标,给人的印象是图像可以放在页面的任何地方.

理想情况下,您只能在要删除图像的指定区域看到"拖放"光标.

javascript html5 drag-and-drop fileapi

7
推荐指数
1
解决办法
2576
查看次数

如何在响应式网站上实施 ARIA

我们正在努力使我们的响应式站点之一更易于访问,但我们正在努力了解 ARIA,因为它似乎违背了将设计元素与 HTML 分离的核心原则。

例如,如果一个元素隐藏在 aria 中,则将其表示为 aria-hidden="true"。然而,大多数可见性是由媒体查询决定的,具体取决于屏幕大小等。

在其他情况下,元素的工作方式与媒体查询完全不同。因此,在某些尺寸下 aria-haspopup="true" 将是合适的,而在其他分辨率下,导航始终可见。

我是否遗漏了什么,或者我们是否再次使用此标准进行字体标签?我们是否应该适当地使用 javascript 添加/删除 aria 标签?

accessibility wai-aria responsive-design

5
推荐指数
0
解决办法
1218
查看次数

如何在上传文件VIA XMLHttpRequest时取得进展

我想知道如何使用XMLHTTPRequest获取文件上载的进度.在Firefox中,onprogress方法根本不会触发,而在chrome中,它只会在文件上传完成后触发.

function fileUpload(file)
{
    var formData = new FormData();
    formData.append('file', file);

    var xhr = new XMLHttpRequest();
    xhr.onprogress = function(e)
    {
        alert('progress');
    };

    xhr.open('POST', 'post.php', true);

    xhr.send(formData);  // multipart/form-data
}
Run Code Online (Sandbox Code Playgroud)

javascript html5 filereader fileapi

2
推荐指数
1
解决办法
2423
查看次数