如果我不知道html元素是img还是视频怎么办？

Question

I have a form with a file input. As each file is selected I add a preview of the image/video and a textarea for a caption.

In order to display the preview, I need either:

• a tag that can handle both image and video (I doubt this exists), or
• a client-side way to determine whether a file is an image or a video.

Answer 1

Assuming you want to detect and then do something based on the element type, this jQuery should suffice.

var target = $('.media-element');

if ( target.is( "video" ) ) {
 do something
}

else if ( target.is('img')){
 do something else
}

else {return false;}