我想在将图像上传到服务器之前在客户端上显示图像及其尺寸。每当我尝试创建Image
gwt ext的小部件时,它都不接受本地文件(在文件系统上)。它仅接受http请求。我也试过String img = GWT.getHostPageBaseURL() + "image_name"
和replace函数,但结果相同。最后,我移至,ImagePreloader
但它也需要一个URL。
ImagePreloader.load("URL of image", new ImageLoadHandler()
{
public void imageLoaded(ImageLoadEvent event)
{
if (event.isLoadFailed())
Window.alert("Image " + event.getImageUrl() + "failed to load.");
else
Window.alert("Image dimensions: " + event.getDimensions().getWidth() + " x " + event.getDimensions().getHeight());
}
});
有人可以提出不包括先上传图片的解决方案吗?
请查看下面的示例JS代码:
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#blah').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
$("#imgInp").change(function(){
readURL(this);
});
以及相关的HTML:
<form id="form1" runat="server">
<input type='file' id="imgInp" />
<img id="blah" src="#" alt="your image" />
</form>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句