需要帮助更换扩展.jpg到.png或转换图像

need help replacing extension of .jpg to .png or convert image

本文关键字:png 转换 图像 jpg 扩展 帮助      更新时间:2023-09-26

问题是,当这个页面加载…它提取。jpg图像,因为扩展名是硬编码的(注意_image1.jpg),有时可能没有。jpg图像而有。png图像。我想最初拉。jpg图像,但如果这是不可用的,我想要。png图像…我该怎么做呢?我想知道是否有一种方法来重写扩展,如果。jpg图像不可用。

$(document).ready(function() {
    dealers = $.parseJSON(dealer_json);
    $('#productdealersTable .productdealers_dealerid').each(function(i, element) {
        var elemName = $(this).attr("name");
        var elemValue = $(this).val();
        var count = elemName.substring(23, elemName.length);
        elemName = elemName.replace('productdealers_dealerid','dealerid_display_value');
        $('#'+elemName).html($(this).find('option:selected').html());
        var name = $(this).find('option:selected').html();
        var cleanedname = name.replace(/[^a-z0-9]/gi,'');
        $(this).parent().removeClass().addClass('fieldinput '+cleanedname).addClass();
        var elemValue = $(this).val();
        jQuery('#dealerid_display_value'+count).html('<img src="/folder-Files/dealerLogos/'+elemValue+'_image1.jpg" />');
        var linkDiv = $(this).parent().find('.snapshotLink');
        var mpDiv = $(this).parents('.half').find('.marketplace_div');
        $.each(dealers.dealers, function(i, item) {
            if (dealers.dealers[i].id==elemValue) {
                dealers.dealers[i].show_in_pims == true ? linkDiv.show() : linkDiv.hide();
                dealers.dealers[i].sc == true ? mpDiv.show() : mpDiv.hide();
                if (dealers.dealers[i].scraped == 1) {
                    $('#dealers_scraped'+count).val(dealers.dealers[i].scraped);
                }
                return false;
            }
        });
    });

<div class="productdealersItemHeader">
                <h3><span class="h3pad"><a href="javascript:void(0);" class="quickRetailersShowHide" id="quickRetailerOptionShowHide%count%" onclick="showQuickRetailerOptions(%count%);"><span class="dealerid_display_value" id="dealerid_display_value%count%"><img src="/Portal-Files/dealerLogos/%productdealers_dealerid_selectedValue%_image1.jpg"/></span></a></span></h3>
                <div class="dealerHandle productdealersActive"></div>
                <a href="javascript:void(0);" class="deleteRetailerLink deleteRowButton productdealersActive" id="productdealersDeleteImg%count%" onclick="deleteListRow('productdealers', '%count%');">Delete</a>
</div>

您可以对该图像发出一个简单的请求-如果它可用,则使用它,否则寻找png格式。

var image = "http://placekitten.com.s3.amazonaws.com/homepage-samples/408/287.jpg";
function setImages(el, imagesrc) {
  $.get(imagesrc)
    .done(function() {
      document.getElementById(el).src = imagesrc;
    }).fail(function() {
      if (imagesrc.match(/'.jpg$/))
        setImages(el, imagesrc.replace(/'.jpg$/, ".png"))
    });
}

setImages("foo", image)