如何从页面获取图像并通过jQuery存储在变量中？

Question

img src="~/Images/Barcodes/MGRNNo.jpg" id="barCodeImage" width="150px" height="60"

我想通过jQuery

将上面的图像存储在变量中

像 var barcodeimage=$('#barCodeImage').image(); 和 我想打印出来 像

applet.append64(barcodeimage);
applet.print();

有可能吗？

Answer 1

正如我根据您的示例代码所看到的，我怀疑您希望图像的base64代码正确吗？

无论如何，你可以做的是获取<img>对象的outerHTML并将其编码为base64字符串。最后，您可以使用base64字符串对其进行解码：

＆＃13;

＆＃13;

// get object
var barcodeimage = $( "#test" )[ 0 ].outerHTML;
console.log(barcodeimage);

// Encode the String
var encodedString = btoa(barcodeimage);
console.log(encodedString); 

// Decode the String
var decodedString = atob(encodedString);
console.log(decodedString);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="https://blog.stackoverflow.com/images/wordpress/stackoverflow-logo-300.png" id="test"></img>

＆＃13;

＆＃13;

＆＃13;

btoa（）方法在base-64中编码一个字符串。使用atob（）方法解码base-64编码的字符串。