Javascript - 从文件夹中获取图像

时间:2017-05-19 12:06:54

标签: javascript jquery css

我需要加载获取图片并在我在我的页面上使用的js justify plugin中使用它们。 这是我的剧本:

Leave

但是,当我执行console.log(数据)时,我得到了这个:

private void comboBox1_Leave(object sender, EventArgs e)
{
     string item = source.FirstOrDefault(x => x.StartsWith(comboBox1.Text));  
     //search string inside source of suggests and if there is a match get the first one
     if(!string.IsNullOrEmpty(item)) 
     {
          int index = comboBox1.Items.IndexOf(item); // find it inside combobox items
          comboBox1.SelectedIndex = index; // and select it

      }
}

如何从该文件夹中获取图像,然后在此插件中使用它们?

1 个答案:

答案 0 :(得分:0)

@leff因为浏览器安全框架我们无法获取文件的位置。 您将获得文件路径“C:\ fakepath \ Capture.PNG”。所以解决那个假路径。我找到了一个解决方案,可能就是这个工作。

那么你可以做一个简单的技巧,拿一个变量并为它分配你文件位置的基地址。在此之后,使用基地址附加文件名,这将为您提供文件位置。

希望这个解决你的问题

    <!doctype html>
    <html>
    <head>
     <script 
     src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
    </script>
   </head>
   <body>
      <input type="file" id="imageFile">
      <button id="getFileNameButton">GET-FILE-NAME</button>
  </body>
  <script type="text/javascript">

  $( "#getFileNameButton" ).click(function() {
    var baseAddress = "fixed/file/location";  
    var name = document.getElementById("imageFile").files[0].name;  /* get 
          file name*/
    console.log(baseAddress+'/'+name);
  });
 </script>

</html>