Question

我得到的是图像名称而不是文件树，如C：/document/picture/dangit.gif

好的我需要添加更多文本，因为堆栈溢出认为我应该键入更多然后我需要键入所以只是忽略这个文本这是如此迟钝。

<html>
<head>
<script>
function getData() {
var text = document.getElementById("textarea").value;
var text = text.replace(/\r?\n/g, '<br />');
document.getElementById("display").innerHTML = text;
}

function picture() {
var picture = document.getElementById("picture").value;
document.getElementById("pDisplay").src = picture;
document.getElementById("purl").innerHTML = picture;
}
</script>
<title>Gettings a textbox formatting</title>
</head>
<body>

<textarea id = "textarea" onkeypress = "getData()" autofocus></textarea>
<p id = "display">You havnt typed anything yet</p>
<input type = "file" id = "picture">
<button onclick = "picture()">get the picture from the box</button>
<p id = "purl">picture url</p>
<img id = "pDisplay">
</body>
</html>

Answer 1

这是不可能的，因为javascript无法像硬盘一样访问本地存储。

唯一的选择是将图像上传到服务器，然后使用URL引用它如果您使用的是PHP，则可以从文档http://www.php.net/manual/en/features.file-upload.php开始您需要将<input type="file">与<form>括起来，并提供<input type="submit">将文件发送到服务器。

Answer 2

由于安全限制，这是不可能的。浏览器中的JavaScript无法访问文件系统。

Answer 3

对于与安全相关的限制

，它不适用于任何主要浏览器（IE除外）

试图获取输入文件的完整URL

3 个答案: