Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/codeigniter/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 在页面中显示桌面上的图像_Php_Upload - Fatal编程技术网

Php 在页面中显示桌面上的图像

Php 在页面中显示桌面上的图像,php,upload,Php,Upload,我用我在上一个表单中添加的信息动态生成一个php页面。 我想从我的桌面添加(而不是上传)一张我表格中的图像,然后将其显示在我生成的页面中。我不是要你这么做,但我只是想知道这是否可能 谢谢是的 (但不是永久性的) 这就是答案。更具体地说,您必须做什么: 让用户通过表单input=“file”选择文件,通过JavaScript读取文件并在站点上输出blob 这里有一个很好的教程: 他们使用的主要代码是: function handleFileSelect(evt) { var files =

我用我在上一个表单中添加的信息动态生成一个php页面。 我想从我的桌面添加(而不是上传)一张我表格中的图像,然后将其显示在我生成的页面中。我不是要你这么做,但我只是想知道这是否可能

谢谢

是的 (但不是永久性的) 这就是答案。更具体地说,您必须做什么:

让用户通过表单
input=“file”
选择文件,通过JavaScript读取文件并在站点上输出blob

这里有一个很好的教程:

他们使用的主要代码是:

function handleFileSelect(evt) {
    var files = evt.target.files; // FileList object

    // Loop through the FileList and render image files as thumbnails.
    for (var i = 0, f; f = files[i]; i++) {

      // Only process image files.
      if (!f.type.match('image.*')) {
        continue;
      }

      var reader = new FileReader();

      // Closure to capture the file information.
      reader.onload = (function(theFile) {
        return function(e) {
          // Render thumbnail.
          var span = document.createElement('span');
          span.innerHTML = ['<img class="thumb" src="', e.target.result,
                            '" title="', escape(theFile.name), '"/>'].join('');
          document.getElementById('list').insertBefore(span, null);
        };
      })(f);

      // Read in the image file as a data URL.
      reader.readAsDataURL(f);
    }
  }

  document.getElementById('files').addEventListener('change', handleFileSelect, false);
功能手柄文件选择(evt){
var files=evt.target.files;//文件列表对象
//循环浏览文件列表并将图像文件渲染为缩略图。
for(var i=0,f;f=files[i];i++){
//仅处理图像文件。
如果(!f.type.match('image.*')){
继续;
}
var reader=new FileReader();
//闭包以捕获文件信息。
reader.onload=(函数(文件){
返回函数(e){
//渲染缩略图。
var span=document.createElement('span');
span.innerHTML=['').join('');
document.getElementById('list').insertBefore(span,null);
};
})(f) );
//作为数据URL读入图像文件。
reader.readAsDataURL(f);
}
}
document.getElementById('files').addEventListener('change',handleFileSelect,false);

@wumm非常感谢您!对我来说,这是一个好的开始!我可以为你再提一个要求吗。。。我想在生成的页面中阅读它。我可以这样做吗?我的意思是,当我检查源代码时,它是数据:(没有其他内容)你是说创建的img看起来像
数据:…
?是的,这是展示它的唯一方式。如果你想得到图像的路径,由于安全限制,这是不可能的。哦,好的,我明白了。因此,如果我想从我的桌面生成一个包含3个图像的页面,然后下载HTML页面和3个图像,我做不到?只有数据块,而不是桌面的路径,不。@danfromredge确实可以在localStorage中存储图像:(我只需要测试一下)