相关疑难解决方法(0)

纯粹出于好奇,哪些浏览器可以进行Base64图像嵌入工作？我指的是这个.

我意识到它对于大多数事情来说通常不是一个好的解决方案,因为它会增加页面大小 - 我只是好奇.

一些例子:

HTML:

<img alt="Embedded Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA..." />

CSS:

div.image {
  width:100px;
  height:100px;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...);
}

我需要将base64编码字符串转换为ArrayBuffer.base64字符串是用户输入,它们将从电子邮件中复制和粘贴,因此在加载页面时它们不存在.如果可能的话,我想在javascript中执行此操作而不对服务器进行ajax调用.

我发现这些链接很有趣,但他们没有帮助我:

ArrayBuffer到base64编码的字符串

这是相反的转换,从ArrayBuffer到base64,而不是相反

http://jsperf.com/json-vs-base64/2

这看起来不错,但我无法弄清楚如何使用代码.

是否有一种简单的(可能是原生的)方式进行转换？谢谢

我得到了一个webSocket通信,我收到base64编码的字符串,将其转换为uint8并继续工作,但现在我需要发送回来,我得到了uint8数组,需要将其转换为base64字符串,所以我可以发送它.我该怎么做这个转换？

我正在寻找一个JavaScript函数,给定一个字符串返回一个压缩(更短)的字符串.

我正在开发一个Chrome网络应用程序,可以将长字符串(HTML)保存到本地数据库.出于测试目的,我试图压缩存储数据库的文件,并且缩小了五倍,所以我认为如果我压缩存储的东西,它将有助于保持数据库更小.

我在JavaScript中找到了LZSS的实现:http://code.google.com/p/u-lzss/("U-LZSS").

当我使用简短的示例字符串(解码===编码)"手动"测试它时它似乎有效,而且它在Chrome中也相当快.但是当给出大弦(100 ko)时,它似乎会混乱或混合弦的后半部分.

是否有可能U-LZSS期望短字符串并且不能处理更大的字符串？是否可以调整一些参数以移动上限？

在我的控制器中,我调用一个返回promise的服务

var onComplete = function(data) {
               $scope.myImage = data;           
            };

在我的服务中,我通过将url直接传递给图像本身来调用以获取图像:

   return $http.get("http://someurl.com/someimagepath")
         .then(function(response){          
          return response.data;
         });

所有的调用都成功了,response.data似乎保存在里面的图像中:

????JFIF??;CREATOR: gd-jpeg v1.0 (using IJG JPEG v80), quality = 90
??C




??C      

????"?? 
???}!1AQa"q2???#B??R??$

虽然我不确定它是否确实存在,因为我在显示它时遇到了麻烦.我试过了(在index.html里面)

 <img ng-src="{{myImage}}"> 
  and
<img ng-src="{{myImage}}.jpeg"> 
  and   
 <img ng-src="data:image/JPEG;base64,{{myImage}}">

想法？是否可以从$ http.get返回实际图像并将其响应转换回图像(jpeg等)

谢谢!

此问题与旧浏览器中的如何更新(与Safari 5.1.4相关)有关并受其启发

给定一个<input type="file">具有元件files包含属性File从继承的对象Blob,是有可能创造一个ArrayBuffer和转换ArrayBuffer到一个data URI从一个Blob或File对象,而无需使用FileReader？

到目前为止已尝试过方法

• WebSocket使用.binaryTypeset 创建一个mock "arraybuffer",创建一个MessageEventwith event.dataset to Fileobject; 结果是处理程序的File对象onmessage

• 设置原型File为ArrayBuffer,Uint8Array; 结果是Uncaught TypeError: Method ArrayBuffer.prototype.byteLength called on incompatible receiver #<ArrayBuffer>(),Uncaught TypeError: Method get TypedArray.prototype.byteLength called on incompatible receiver [object Object]()

• 设置File在 …

我是node.js和socket.io的初学者.Socket.io开始支持1.0的二进制流,是否有一个完整的例子特别适用于图像推送到客户端并在画布中显示？谢谢

我有一个服务器端应用程序将返回一个图像.这些是响应标头:

Content-Disposition: attachment; filename=8822a009-944e-43f4-999b-d297198d302a;1.0_low-res
Content-Length: 502343
Content-Type: image/png
Date: Mon, 03 Aug 2015 19:13:39 GMT
Server: Apache-Coyote/1.1

在角度,我需要显示图像.在获取图像时,我使用angularJS $http来调用服务器并将结果放在范围内,但我从未达到成功函数$http.从邮递员执行此调用会正常返回图像.我很想知道如何让Angular显示图像.

这是我显示图像的方式:

<img ng-src={{image}} />

这是从服务器获取图像的调用:

$http.get(url, {responseType: "arraybuffer"})
    .success(function(data) {
        $scope.image= data;
    }
)

这是我的代码行.

        var xhr = new XMLHttpRequest();
        xhr.open('GET',window.location.href, true);
        xhr.responseType = "arraybuffer";
        xhr.onload = function(event) {
         debugger;
         console.log(" coverting array buffer to string "); 
         alert(String.fromCharCode.apply(null, new Uint8Array(this.response)));
        };
        xhr.send();

该请求正在制作一个大约3 MB的pdf网址.阅读几个相同错误的线程,告诉必须有一些递归调用,但我没有看到任何递归调用.有帮助吗？

我有一个示例，用户可以从中选择一个文件（特别是PDF文件），将该文件转换为数组缓冲区，从该数组缓冲区构造回文件并下载该文件。可以正常工作。

<input type="file" id="file_input" class="foo" />
<div id="output_field" class="foo"></div>


$(document).ready(function(){
    $('#file_input').on('change', function(e){
        readFile(this.files[0], function(e) {
            //manipulate with result...
            $('#output_field').text(e.target.result);
            try {           
            var file = new Blob([e.target.result], { type: 'application/pdf' });
            var fileURL = window.URL.createObjectURL(file);
            var seconds = new Date().getTime() / 1000;
            var fileName = "cert" + parseInt(seconds) + ".pdf";
            var a = document.createElement("a");
            document.body.appendChild(a);
            a.style = "display: none";
            a.href = fileURL;
            a.download = fileName;
            a.click();
             }
            catch (err){
            $('#output_field').text(err);
            }
        });     
    });
});

function readFile(file, callback){
    var reader = new …