将高度和宽度设置为img

Question

在下面的代码中，我想将高度和宽度设置为50像素到此图像。

请帮我做到这一点。

$.ajax({ 
    type: "POST", 
    contentType: "application/json; charset=utf-8", 
    url: "InvoiceDetailsNew2.aspx/GenerateNewBarcodeImage", 
    data: "{'BarCodeNumber':'" + Barcode + "'}", 
    dataType: "json", 
    async: false, 
    success: function (data) { 
     var orders = JSON.parse(data.d); 
     //alert(data); 
     var height = 50; 
     alert(orders); 
     //imgContent = orders; 
     imgContent = "<img " 


     + "src='" + "data:image/jpg;base64," 
     + orders + "'/>"; 
    }, 
    error: function (result) { 
     alert("Error in Product Loading"); 
    } 
}); 

Answer 1

尝试这个 -

$.ajax({ 
       type: "POST", 
       contentType: "application/json; charset=utf-8", 
       url: "InvoiceDetailsNew2.aspx/GenerateNewBarcodeImage", 
       data: "{'BarCodeNumber':'" + Barcode + "'}", 
       dataType: "json", 
       async: false, 
       success: function (data) { 
        var orders = JSON.parse(data.d); 
        //alert(data); 
        var height = 50; 
        var width= 50; 
        alert(orders); 
        //imgContent = orders; 
        imgContent = "<img height='"+height+ "' width='"+width+"'" 


        + "src='" + "data:image/jpg;base64," 
        + orders + "'/>"; 
       }, 
       error: function (result) { 
        alert("Error in Product Loading"); 
       } 
      }); 

Answer 2

$.ajax({ 
        type: "POST", 
        contentType: "application/json; charset=utf-8", 
        url: "InvoiceDetailsNew2.aspx/GenerateNewBarcodeImage", 
        data: "{'BarCodeNumber':'" + Barcode + "'}", 
        dataType: "json", 
        async: false, 
        success: function (data) { 
         var orders = JSON.parse(data.d); 
         //alert(data); 
         var height = 50; 
         alert(orders); 
         //imgContent = orders; 
         imgContent = "<img " 


         + "src='" + "data:image/jpg;base64," 
         + orders + "'/>"; 

    $(imgContent).height(50).width(50); // set using jquery methods 
        }, 
        error: function (result) { 
         alert("Error in Product Loading"); 
        } 
       }); 

Answer 3

你需要做这样的事情： -

$.ajax({ 
     type: "POST", 
     contentType: "application/json; charset=utf-8", 
     url: "InvoiceDetailsNew2.aspx/GenerateNewBarcodeImage", 
     data: "{'BarCodeNumber':'" + Barcode + "'}", 
     dataType: "json", 
     width: "50", 
     height:"50", 
     async: false, 
     success: function (data) { 
      var orders = JSON.parse(data.d); 
      //alert(data); 
      var height = 50; 
      alert(orders); 
      //imgContent = orders; 
      imgContent = "<img " + "src='" + "data:image/jpg;base64," + orders + "'/>"; 
     }, 
     error: function (result) { 
      alert("Error in Product Loading"); 
     } 
    }); 

希望它可以帮助

Answer 4

您可以使用内联样式在创建图像标签。

imgContent = "<img " 
    + "src='" + "data:image/jpg;base64," 
    + orders + 
    + " height='50' width='50'" + "'/>"; 

---

$.ajax({ 
    type: "POST", 
    contentType: "application/json; charset=utf-8", 
    url: "InvoiceDetailsNew2.aspx/GenerateNewBarcodeImage", 
    data: "{'BarCodeNumber':'" + Barcode + "'}", 
    dataType: "json", 
    async: false, 
    success: function (data) { 
    var orders = JSON.parse(data.d); 
    //alert(data); 
    var height = 50; 
    alert(orders); 
    //imgContent = orders; 
    imgContent = "<img " 
    + "src='" + "data:image/jpg;base64," 
    + orders + 
    + " height='50' width='50'" + "'/>"; 
    }, 
    error: function (result) { 
    alert("Error in Product Loading"); 
    } 
});