Недавно мне нужно открыть метод обмена WeChat приложения в WebView, который включает в себя общие изображения. Если вы подключитесь к передаче изображений, вы снова получите файл изображения в фоновом режиме, что повлияет на скорость. Я выбрал WebView, чтобы передать изображение локальному приложению в кодировке Base64-бит. Вот справочный код реализации:
<! Doctype html> <html> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"> <Title> Image to Base64-JSfiddle Demo By Handtrix </title> <script type = 'javascript' src = '// code.jquery.com/jquery-2.0.2.js'> </script> <link rel = "stylesheet" type = "text/css" href = "/css/result-light.css" rel = "Внешний nofollow"> <style = 'text/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} wallback * @param {string} [output food = 'image/png'] ConvertImgtobase64 ('http://goo.gl/aoxhal', function (base64img) {console.log ('image:', base64img);}) */function convertimgtobase64 (url, обратный вызов, outputformat) {var canvas = document Canvas.getContext ('2D'); 'Image/png'); Convertimgtobase64 (imageUrl, function (base64img) {$ ('. output') .find ('textarea') .val (base64img) .end () .find ('a') .attr ('href', base64img) .xet (base64img) .End ('). }); Event.preventDefault (); }); }); //]]> </script> </head> <body> <h2> input </h2> <form id = "img2b64"> <input type = "url" name = "url" Placeholder = "Вставьте изображение-url" value = "http://upload.wikimedia.org/wikipedia/commons/4/4a/logo_2013_google.png" требуется> <pan> <вход <img> <br> </div> </body> </html>PS: Вот инструмент для онлайн -конверсии BASE64 для вашей ссылки:
Преобразование изображения в Base64 Кодирование онлайн -инструмента : http://tools.vevb.com/transcoding/img2base64