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