如何获得照片完整的url表单表单在数组

how to get photo compleet url form form in array

本文关键字：表单 url 数组 何获得 照片      更新时间：2023-09-26

我正在尝试使用jquery通过表单从我的comp拍摄照片。
-所以我想要整个URL的形式在一个数组

  • 它可以在Dreamweaver +/-中工作，但不能在浏览器中工作，甚至chrome

  • 最终目标是为残疾人提供一个带有图片/应用程序的日历，但只要我能通过电话间隙

    var foto= new Array();
var i=-1;
//foto=["toets.png"]; 
$('#fotouit').append("FOTO UIT");       
$('#knop01').click(function(){
  $('input:file[name=foto]').each(function(){
    //alert($(this).val());
    foto.push($(this).val());
    foto.forEach( function(){
      i++;
      $('#fotouit').append(foto[i]); 
      $('#fotouit').append('<img src=" '+ foto[i] + ' " width="100" height="100" />');
    });
  });
})

我不认为这是可能的得到图片的URL在您的计算机的本地文件系统，但你可以使用Javascript的FileReader API来读取上传文件的内容(在你的情况下，图片)。读取的内容可以在img元素的src中使用，就像在示例代码中所做的那样。

这是对您要完成的任务的深入解释:https://developer.mozilla.org/en-US/docs/Using_files_from_web_applications

例子: 

function handleFiles(files) {
    for (var i = 0; i < files.length; i++) {
        var file = files[i];
        var imageType = /image.*/;
        if (!file.type.match(imageType)) {
            continue;
        }
        var img = document.createElement("img");
        img.classList.add("obj");
        img.file = file;
        preview.appendChild(img); // Assuming that "preview" is a the div output where the content will be displayed.
        var reader = new FileReader();
        reader.onload = (function(aImg) { return function(e) { aImg.src = e.target.result; }; })(img);
        reader.readAsDataURL(file);
    }
}

注意:

  • 您可以在文件输入上使用multiple属性，以允许在一次输入中选择多个文件
  • 您可以使用文件输入更改事件立即捕获文件，而不是提供第二个按钮来单击
相关文章：