假设我有没有任何形式的<input type="file">
,并通过File
的Blob
javascript API获得input
选择的图像:
input.addEventListener('change', function(){
var reader = new FileReader();
reader.readAsDataURL(this.files[0]);
reader.onloadend = function() {
var base64data = reader.result;
var i = new Image();
i.src = base64data;
i.onload = function(){
var source = imageToDataUri(i,i.width,i.height,0.5);
});
就这些。比如说,我的服务器中根本没有php脚本。用户只需通过下面的代码上传图片,并且,例如,查看图片如何在网页中显示。
在这种情况下,图片实际上是存储在我的服务器的某个地方,如果是,有人可以通过在input
中选择图片来填充服务器中的所有空间吗?
可能,我没有正确理解blob技术。据我所知,如果我删除上面的onchange
代码,只留下input
标记,显然通过用户选择文件,将没有任何内容发送到服务器(或已经将?)。在下面代码的哪一行,浏览器向我的服务器发送任何类型的请求,该请求是什么?
FileReader
或Image
API不会将任何内容上载到您的服务器。这一切都发生在访问者电脑上的浏览器中。只有通过fetch
或XMLHttpRequest
的显式HTTP请求才会导致实际的HTTP请求被发送到您的服务器。