从<input type =“file”/>将图像转换为字符串

时间:2013-02-13 20:45:12

标签: javascript image base64 html5-canvas

是否可以将图像转换为具有这些限制的base64字符串,

  1. 图片来自<input type="file"/>
  2. 没有互联网连接
  3. 移动浏览器
  4. 我知道我可以下载图片并使用<canvas>进行转换,但是可以在图片上传之前访问该图片吗?如果这是不可能的,我将写一个PhoneGap插件。

    谢谢!

    编辑 -

    使用FileReader API实现此功能。这是relivant代码,

    var reader = new FileReader();
    reader.onload = function(theFile) {
        var base64Image = theFile.srcElement.result;
    };
    
    // Read in the image file as a data URL.
    reader.readAsDataURL(image.fileElement.dom.files[0]);
    

1 个答案:

答案 0 :(得分:1)

拦截表单上的submit事件,并在那里读取数据。如果需要,您可以中止提交,只需将数据保存在本地。