return base64-codierte Bilder direkt von einer web-api-endpoint-core

Habe ich gesehen, wie diese SO Antworten:

aber diese dienen entweder physische Dateien direkt dienen oder aus einem byte-array.

Bitte gibt es eine Möglichkeit für unsere Web-API-Endpunkt zurück content-type: image/png direkt aus data:image/png;base64,(unsere base64-string)

InformationsquelleAutor Charles Okwuagwu | 2017-07-01
  1. 8

    Ist es ziemlich straight forward zu Lesen, eine Datei aus einem Ordner. Der trick ist die Verwendung IHostingEnvironment in ASP.NET Kern, um die aktuelle web-root-Pfad.

    FilesController

    using System;
using Microsoft.AspNetCore.Hosting;
using Microsoft.AspNetCore.Mvc;

namespace DemoWebApiCore.Controllers
{
    [Route("api/[controller]")]
    public class FilesController : Controller
    {
        private readonly IHostingEnvironment _hostingEnvironment;

        public FilesController(IHostingEnvironment hostingEnvironment)
        {
            _hostingEnvironment = hostingEnvironment;
        }

        //GET api/files/sample.png
        [HttpGet("{fileName}")]
        public string Get(string fileName)
        {
            string path = _hostingEnvironment.WebRootPath + "/images/" + fileName;
            byte[] b = System.IO.File.ReadAllBytes(path);
            return "data:image/png;base64," + Convert.ToBase64String(b);
        }
    }
}

    Nutzung

    HomeController.cs

    using Microsoft.AspNetCore.Mvc;

namespace DemoWebApiCore.Controllers
{
    public class HomeController : Controller
    {
        //GET: /<controller>/
        public IActionResult Index()
        {
            return View();
        }
    }
}

    Index.cshtml

    <html>
<body>
    <img id="sample-img" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var url = "/api/files/sample.png";
            $.get(url, function (data) {
                console.log(data);
                $("#sample-img").attr('src', data);
            });
        })
    </script>
</body>
</html>
    • also in der Tat, ich kann Lesen byte[] b = GetFromDatabase() und return der base64 direkt als "data:image/png;base64," ++ base64 in das src-Attribut eines Bildes. schön
    InformationsquelleAutor Win
  2. 2

    Wenn Sie zurückkehren möchten, Bilder als base64-string kannst du es so machen:

    public IHttpActionResult GetImage()
{
    var image = GetImageData();
    var base64 = Convert.ToBase64String(image);

    return Ok(base64);
}
    • Dieser Code wird nicht kompiliert. Was ist das Ergebnis?
    • mein bad um, fixierte den code, müssen Sie Lesen die Bild-Daten und übergeben Sie einfach es zu Konvertieren.ToBase64String
    • Ich nicht Folgen. Wie funktioniert diese Hilfe? Wir müssen wieder ein Bild/png. Sie sind einfach wieder ein string
    • Sie sagte, "base64-image-Zeichenfolge," wenn dieses nicht ist, was Sie brauchen, ich denke, deine Frage braucht eine Aufklärung
    • Ich habe korrigiert die Frage. Was ich Suche ist ein Weg zu dienen content-type: image/png direkt aus data:image/png;base64,xxxx. Ich bin nicht einfach wieder ein string. Dank
    InformationsquelleAutor Shahriar Gholami
Schreibe einen Kommentar