JS - 用instanceof顯示圖像或視頻？

Question

我越來越喜歡這個cloudinary圖像/視頻ID：

<?php echo cloudinary_url($_upload->getPublicId()); ?> 

這給像網址： http://res.cloudinary.com/dviiu412p/image/upload/v1/campaigns/1/jfle7ilxkyfmj9mjggwa

然後呈現出來的圖像或視頻，像這樣：

<img class="lazy-load" 
    src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" 
    data-src="<?php echo cloudinary_url($_upload->getPublicId()); ?>" /> 

<video class="lazy-load" controls> 
    <source data-src="<?php echo cloudinary_url($_upload->getPublicId(), array("resource_type"=>video, "height"=>230, "width"=>340, "format"=>webm)); ?>" type="video/webm"> 
</video> 

問題是我只想提供圖像或視頻（無論用戶上傳的是哪一個）。有沒有辦法實現這一目標？我在想，instanceof可能能夠做到這一點，但我從來沒有使用過它。任何幫助將不勝感激

Answer 1

假設$_upload的來源是上傳響應比你也有resource_type值。您需要將值resource_type與公共ID一起用於區分資源（圖像，視頻或原始資源）。然後，您可以使用開關盒來生成正確的標籤。

例如，

<!-- language: lang-php --> 

switch ($result["resource_type"]) { 
    case "image": 
    // generate image tag 
    break; 
    case "video": 
    // generate video tag 
    break; 
}