ajax獲取到的svg如何渲染到頁面


emmm,周五碰到一個難題,今早查了下百度、秒懂了。哎。看來還是太菜。

注意:如果直接使用 html(),或者text() 方法,肯定報錯。

背景:

需要實現一個上傳圖片的功能,但是,默認加載的是svg格式的,上傳的也是svg格式的。一共兩個接口。
肯定先從服務器獲取圖片、
結果獲取的內容是個#documennt

貼一下我的代碼:

//獲取默認圖片
      $.ajax({
        type: "get",
        url: getUrl,
        data: {
          token: token
        },
        // dataType: "json", //不要有dataType    
        success: function (data) {
          console.log(data);
        }
      });

解決代碼:

       $.ajax({
        type: "get",
        url: getUrl,
        data: {
          token: token
        },
        success: function (data) {
          console.log(data);
          let svgImg = data.getElementById("svg1");
          console.log(svgImg);
          $("#uploader-list").html(svgImg);
        }
      });

是不是超級簡單。
這里需要注意的是,后台傳輸過來的svg必須帶上id。
效果圖


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM