最近、アプリのWeChat共有方法をWebViewに開く必要があります。これには、共有画像が含まれます。写真の転送を通じて接続すると、バックグラウンドで再び画像ファイルを取得し、速度に影響します。 base64ビットエンコードのローカルアプリケーションに画像を渡すためにWebViewを選択しました。これが実装リファレンスコードです:
< src = '// code.jquery.com/jquery-2.0.2.js'> </script> <link rel = "styleSheet" text = "text/css" href = "/css/result-light.css" rel = "external nofollow"> <style type/css '> @import url( '// netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css');ボディ{パディング:20px; } </style> <script type = 'text/javascript'> // <![cdata [$(window).load(function(){/** * convertimgtobase64 * @param {string} url * @param {function} callback * @param {string} [outputformat = 'image/png' @exmamp convertimgtobase64( 'http://goo.gl/aoxhal'、function(base64img){console.log( 'image:'、vase64img)) */function convertimgtobase64(url、callback、outputformat){var canvas = document.createlement canvas.getContext( '2D'); 「Image/PNG」)。 convertimgtobase64(imageurl、function(base64img){$( '。output').find( 'textarea').val(base64img).end( 'a').attr( 'href'、base64img).text(base64img)。 base64img); }); event.preventdefault(); }); }); //]]> </scrip> </head> <body> <h2> input </h2> <form id = "img2b64"> <input type = "url" name = "url" placeholder = "insert anime url" " value = "http://upload.wikimedia.org/wikipedia/commons/4/4a/logo_2013_google.png" rebing> <span> <入力タイプ= "submit"> </span> </form> <hr> <h2> <a> </a> <br> <br> <img> <br> </div> </body> </html>PS:これは、リファレンス用のオンライン画像変換Base64エンコードのためのツールです。
base64への画像変換オンラインツール:http://tools.vevb.com/transcoding/img2base64