Javascript 如何从html表单文件类型在模式窗口中打开图像

Javascript 如何从html表单文件类型在模式窗口中打开图像,javascript,jquery,html,Javascript,Jquery,Html,当我从表单文件输入中选择图像时,如何在模式弹出窗口中打开图像 <input type="file" class="form-control"> 您可以从输入字段中获取Base64,然后将其附加到模式中的元素中。请在下面的链接中查找详细信息 您可以使用fancybox,但如果您使用base64编码,则必须为图像设置一些设置…如下所示: <script type="text/javascript"> $(document).ready(function ()

当我从表单文件输入中选择图像时,如何在模式弹出窗口中打开图像

<input type="file" class="form-control">

您可以从输入字段中获取Base64,然后将其附加到模式中的
元素中。请在下面的链接中查找详细信息


您可以使用fancybox,但如果您使用base64编码,则必须为图像设置一些设置…如下所示:

      <script type="text/javascript">
  $(document).ready(function () {
      $('.fancybox-cs').fancybox({
         type        : 'image'
      });
  });
  </script>

$(文档).ready(函数(){
$('.fancybox cs').fancybox({
键入:“图像”
});
});

到目前为止您尝试了什么?请先显示您的代码,以便我们了解您到底想做什么。谢谢您的回答