Position Absolute

html5拖动’n删除文件上传,Shenanigans仅由开发人员使用?

自Web开发的冰级以来已经完成上传文件。实际上,使用HTML4上传文件和一个iframe非常简单,甚至不需要页面刷新和大约0的代码在前端,显然你不会得到一个进度条,但这真的很重要吗?

以简而言之上传:

<form method="POST" id="frm_upload_logo" action="/ui/settings/logo" target="upload_logo_iframe" enctype="multipart/form-data">
 <input type="file" name="logo">
</form>
<iframe src="/blank.html" name="upload_logo_iframe" class="upload_frame"></iframe>
 
<script>
        $("iframe[name='upload_logo_iframe']").load(function(){
            if ($(this).contents()[0].URL.indexOf('/blank.html') == -1)
            {
                // Upload is complete, do something
            }
        });
</script>

所以... html5.

寻找一种实现桌面删除文件上传的简单方法,用于Cakemail,我面临了2个问题。一个,我不确定任何人都在使用Gmail的Web开发人员旁边上传。而且,我目前的实现需要0行代码&在每个浏览器中都是稳定的。当我拿到这个坚实的解决方案时,我甚至考虑在旧浏览器中使用不同的行为实现失败点吗?

拖动,真的吗?

试图寻找关于拖放文件的有用性的文章API是徒劳的,您只能通过在50种方式中讨论实施的文章来打招呼。唯一还有什么要做的?如果他们曾经在浏览器中拖动了一个文件,请询问朋友。响应是压倒性的,0次尝试过。

坦率地说我,当我这样做时,即使我同意,我没有发现这是一个很好的体验,有时候是方便的。它始终涉及将我的Finder窗口带到最前沿,关闭我打开的多个查找器,移动查找器,以便至少在上传框的一部分中看到,最后将其拖动到部分显示的框中。不是我会考虑伟大的用户体验。

真的不确定这是帮助普通用户导航您的应用程序,在另一个窗口中查找其文件夹中的文件也会完全从您的应用程序中获取它们。就个人而言,我认为我们就像它一样,因为我们在我们的Web应用程序中拖动文件并运作,而不是因为它真的很有用。

HTML5文件API

然后有时需要上传大文件,现在您可以使用HTML4上传有点麻烦。没有API在上传时提供进度,可以说可以很有用。但在这个时代的这个时代,你需要真正认为大多数人在每秒300k上传的时候是什么大文件我很少看到一个用例(在视频和大归档文件旁边)。

我是我说你绝对不落实那些API吗?我不是,如果你有时间在你的手上有时间,想要在你的应用程序中添加一些替代路径,或者你上传大文件,那么你需要一个进度栏而不是GIF加载器。但我认为你应该真的考虑这些整合的有用性。

最后,您仍然必须默认为HTML4表单上载,因为IE用户并具有2个实现相同的功能,始终添加复杂性,测试时间和错误。

在上传文件用户体验设计上有任何文章或纸张?请在评论中发布他们,我很乐意阅读它们!