相关疑难解决方法(0)

HTML5在上传之前预先调整图像大小

这是面条刮痕.

请记住,我们有HTML5本地存储和xhr v2,什么不是.我想知道是否有人能找到一个有效的例子,甚至只是给我一个是或否的问题:

是否可以使用新的本地存储(或其他)预先调整图像大小,以便没有关于调整图像大小的线索的用户可以将他们的10mb图像拖到我的网站中,然后使用新的本地存储调整大小.然后以较小的尺寸上传它.

我完全知道你可以用Flash,Java小程序,活动X来做...问题是如果你能用Javascript + Html5做.

期待对此的回应.

Ta现在.

upload html5 image xmlhttprequest local-storage

177
推荐指数
9
解决办法
16万
查看次数

可以在html5中验证input = file的大小和类型

我正在阅读http://dev.w3.org/html5/markup/input.file.html,但我只找到了"接受"属性.

我试过这个

<input type="file" name="imagefilename" accept="image/x-png, image/gif, image/jpeg" />
Run Code Online (Sandbox Code Playgroud)

是否可以对文件大小进行客户端验证?

我发现了IE的这种技术

<html>
<head>
<script>
function getSize()
{
    var myFSO = new ActiveXObject("Scripting.FileSystemObject");
    var filepath = document.upload.file.value;
    var thefile = myFSO.getFile(filepath);
    var size = thefile.size;
    alert(size + " bytes");
}
</script>
</head>
<body>
<form name="upload">
<input type="file" name="file">
<input type="button" value="Size?" onClick="getSize();">
</form>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

是否可以使用html5文件系统api做同样的事情?

UPDATE

我可以这样做(演示):

<!doctype html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
</head>
<body>
    <form >
        <input type=file id=f max-size=32154 >
        <input type=submit>
    </form> …
Run Code Online (Sandbox Code Playgroud)

validation file-io html5

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