草庐IT

图片和Base64互转

全部标签

javascript - 个人资料图片未跨组件更新 Angular 5

我有一个弹出的更改个人资料图片模式,所以你上传图片按保存,应该发生的是个人资料图片在整个网站上更新,但没有发生,只有在你刷新个人资料图片后才会更新个人资料图片更改模式的我的保存功能save():void{constself=this;this.saving=true;self._profileService.updateProfilePicture(input).finally(()=>{this.saving=false;}).subscribe(()=>{constself=this;self._$jcropApi.destroy();self._$jcropApi=null;ab

javascript - 图片未加载到网站上

我遇到的问题是,当页面加载时,有时它会显示所有图像,有时只显示2张图像,有时显示所有图像。我不知道为什么会这样。有什么想法吗?$('#banners.boximg').each(function(index){varrandval=(index+1)*100;var_this=$(this)setTimeout(function(){_this.attr('id','banner'+index);to_canvas('banner'+index,300,223);},randval)});to_canvas函数:functionto_canvas(im,w,h){varcanvas;v

javascript - 使用ajax上传图片

我知道,有很多教程,但我不知道如何使用它们。我有一个用于文件上传的输入表单:这是我的Javascript代码functionuserPreviewImage(fileInput){save=true;varfiles=fileInput.files;varfile=files[0];current=file;varimageType=/image.*/;varimg=document.createElement("img");img.classList.add("obj");img.classList.add("preview");img.file=file;varreader=new

javascript - 图片加载后如何返回

这个问题在这里已经有了答案:HowdoIreturntheresponsefromanasynchronouscall?(41个回答)关闭6年前。首先,我必须承认,在stackoverflow上有许多类似的问题(this、this和无数其他问题),但是在回调函数或只需将代码放入此image.onload事件中:image.onload=function(){//dootherstuffthatshouldbedonerightafterimageisloaded}但这不是我的情况。这是我负责加载图像的函数的签名:functionpatternBuilder(index){varpatt

javascript - 使用 Phonegap : InvalidCastException 上传图片

我正在尝试使用Phonegap将文件上传到我的服务器。当出现以下错误时,我目前陷入困境:InvalidCastExceptionFailedtodeserializeWP7CordovaClassLib.Cordova.Commands.FileTransfer+UploadOptions[]withJSONvalue::["{\"filePath\":\"/CapturedImagesCache/PhotoChooser-51766419-c657-46db-a53d-f09bee300a89.jpg\",\"server\":\"http://server.myapp.srv.co

javascript - 将 base64 转换为 Javascript 中的文件

目标是将base64字符串转换为可发送的jpg文件,我不能使用html输入类型文件,但我必须以相同的格式提供服务。我对文件生成有点迷茫。(我在客户端移动应用程序上)。这是我的:file="data:image/jpg;base64,#{imageData}"imageData是base64字符串有办法将其转换为有效文件吗? 最佳答案 免责声明:产生无效结果(关闭,但无效)上周早些时候我做了相反的事情——也就是说,将图像加载为二进制数据(以绕过从本地主机运行文件的要求)。在其中,我:加载文件base64转换在base64字符串中添加了

javascript - 在 javascript 中包含 base64 gzipped 样式表/图像?

我知道您可以在javascript文件中以base64格式存储css和图像以及其他文件类型。然而,它们相当大......并且压缩后,它们缩小了很多,即使base64编码的开销约为33%。非gzip压缩,图片为data:image/gif;base64,data:image/jpeg,data:image/png,css为data:text/css;base64。那么,我可以/应该使用什么mime类型来包含gzip压缩的css或图像数据URI?(或者如果gzip+base64不能工作,我可以做任何其他压缩来减小字符串的大小,同时仍然将数据存储在javascript中吗?)..编辑..我认

javascript - 使用 JavaScript/jQuery 从输入类型 "file"获取二进制图像数据,以便在 WebMatrix 中使用 AJAX 进行图片预览

这个问题在这里已经有了答案:关闭10年前。我在研究或试图弄清楚如何(如果可能的话)使用JavaScript/jQuery从文件类型的html输入元素获取二进制图像数据时遇到了麻烦。我正在使用WebMatrix(C#),但如果仅使用JavaScript/jQuery就可以回答这个问题,则可能没有必要知道这一点。我可以拍摄图像,将其保存在数据库中(作为二进制数据),然后在发布后根据二进制数据在页面上显示图片。然而,这确实让我在上传之前没有图片预览,为此我几乎可以肯定我必须使用AJAX。同样,这甚至可能是不可能的,但只要我可以获得二进制图像数据,我相信我可以使用AJAX将其推送到服务器并以与

javascript - 将动画 GIF 编码为 Base64

我一直在寻找一种方法来将动画GIF从给定的URL编码为base64,而无需使用jquery等外部库(如果绝对必要,我会使用它)。我有foundresults将静态图像编码为base64,但它们都使用canvas,而canvas.toDataURL()只会编码动画GIF的单帧。有没有一种方法可以在不使用canvas的情况下将动画GIF(或与此相关的任何图像)编码为base64? 最佳答案 是的,您可以使用FileReader.readAsDataURL()(examplebasedonMDNwebdocs):functionprevi

javascript - 如果 src 是 base64 字符串,如何获取新创建的 Image() 的文件大小?

如果此图像的src是base64数据图像,我如何获取新创建的newImage()的字节大小?我有这样的coffeescript代码:#Thisstringisreceivedaftersomeoriginalimagepreprocessingbase64String="data:image/jpeg;base64......"newImageObj=newImage()newImageObj.src=base64StringnewImageObj.onload=->console.log"Resizedimagewidthis"+this.widthconsole.log"Newfi