Javascript 向输入字段传递本地存储值时出现问题
好了，伙计们，我在尝试将存储在本地存储器中的值传递到输入字段时遇到了一个问题。我找到了另一个线程，（），它展示了如何做，但它仍然不适合我，我不知道我做错了什么。下面是我的全部代码，但我已经将其分离出来，以便更容易找到真正重要的部分Javascript 向输入字段传递本地存储值时出现问题,javascript,html,Javascript,Html,好了，伙计们，我在尝试将存储在本地存储器中的值传递到输入字段时遇到了一个问题。我找到了另一个线程，（），它展示了如何做，但它仍然不适合我，我不知道我做错了什么。下面是我的全部代码，但我已经将其分离出来，以便更容易找到真正重要的部分 <html> <head> <title>Location details</title> <meta name="viewport" content="width=device-width, in
<html>
<head>
<title>Location details</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script type="text/javascript">
位置详细信息
document.getElementById("plat").value = localStorage.latitude;
document.getElementById("plon").value = localStorage.longitude;
function fileSelected() {
var file = document.getElementById("fileUpload").files[0];
if (file) {
var fileSize = 0;
if (file.size > 1024 * 1024) {
fileSize = (Math.round(file.size * 100 / (1024 * 1024)) / 100).toString() + 'MB';
}
else {
fileSize = (Math.round(file.size * 100 / 1024) / 100).toString() + 'KB';
}
document.getElementById("fileName").innerHTML = 'Name: ' + file.name;
document.getElementById("fileSize").innerHTML = 'Size: ' + fileSize;
document.getElementById("fileType").innerHTML = 'Type: ' + file.type;
}
}
function uploadFile() {
var id = new formData();
id.append("fileUpload", document.getElementById("fileUpload").files[0]);
var xhr = new XMLHttpRequest();
xhr.upload.addEventListener("progress", uploadProgress, false);
xhr.addEventListener("load", uploadComplete, false);
xhr.addEventListener("error", uploadFailed, false);
xhr.addEventListener("abort", uploadCancelled, false);
xhr.open("POST", "snap.php");
xhr.send(id);
}
function uploadProgress(evt) {
if (evt.lengthComputable) {
var percentComplete = Math.round(evt.loaded * 100 / evt.total);
document.getElementById("progressNumber").innerHTML = percentComplete.toString() + '%';
}
else {
document.getElementById("progressNumber").innerHTML = 'unable to compute';
}
}
//==================================================================
// These events are raised when the server sends back a response
//==================================================================
function uploadComplete(evt) {
alert(evt.target.responseText);
}
function uploadFailed(evt) {
alert("Therew as an error attempting to upload the file.");
}
function uploadCancelled(evt) {
alert("The upload has been cancelled by the user or the browser dropped the connection.");
}
</script>
</head>
<body>
<div>
<form id="form1" enctype="multipart/form-data" method="post" action="scripts/snap.php">
document.getElementById（“plat”）.value=localStorage.latitude；
document.getElementById（“plon”）.value=localStorage.longitude；
函数fileSelected（）{
var file=document.getElementById（“fileUpload”）.files[0]；
如果（文件）{
var fileSize=0；
如果（file.size>1024*1024）{
fileSize=（Math.round（file.size*100/（1024*1024））/100.toString（）+'MB'；
}
否则{
fileSize=（Math.round（file.size*100/1024）/100.toString（）+'KB'；
}
document.getElementById（“fileName”）.innerHTML='Name:'+file.Name；
document.getElementById（“fileSize”）.innerHTML='Size:'+fileSize；
document.getElementById（“fileType”）.innerHTML='Type:'+file.Type；
}
}
函数uploadFile（）{
var id=new formData（）；
id.append（“fileUpload”，document.getElementById（“fileUpload”）.files[0]）；
var xhr=new XMLHttpRequest（）；
addEventListener（“进度”，uploadProgress，false）；
xhr.addEventListener（“加载”，上载完成，错误）；
xhr.addEventListener（“错误”，上载失败，错误）；
xhr.addEventListener（“中止”，上载取消，错误）；
open（“POST”、“snap.php”）；
xhr.send（id）；
}
函数上载进度（evt）{
if（evt.长度可计算）{
var percentComplete=数学整轮（evt.loaded*100/evt.total）；
document.getElementById（“progressNumber”）.innerHTML=percentComplete.toString（）+“%”；
}
否则{
document.getElementById（“progressNumber”）.innerHTML='无法计算'；
}
}
//==================================================================
//服务器发回响应时引发这些事件
//==================================================================
功能上传完成（evt）{
警报（evt.target.responseText）；
}
函数上载失败（evt）{
警报（“上传文件时出现错误。”）；
}
功能上载已取消（evt）{
警报（“用户已取消上载或浏览器已断开连接”）；
}
选择要上载的图像
在加载dom内容之前，请尝试调用脚本的以下代码：
document.addEventListener('DOMContentLoaded', function () {
document.getElementById("plat").value = localStorage.latitude;
document.getElementById("plon").value = localStorage.longitude;
}, false);
function fileSelected() {
var file = document.getElementById("fileUpload").files[0];
if (file) {
var fileSize = 0;
if (file.size > 1024 * 1024) {
fileSize = (Math.round(file.size * 100 / (1024 * 1024)) / 100).toString() + 'MB';
}
else {
fileSize = (Math.round(file.size * 100 / 1024) / 100).toString() + 'KB';
}
document.getElementById("fileName").innerHTML = 'Name: ' + file.name;
document.getElementById("fileSize").innerHTML = 'Size: ' + fileSize;
document.getElementById("fileType").innerHTML = 'Type: ' + file.type;
}
}
function uploadFile() {
var id = new formData();
id.append("fileUpload", document.getElementById("fileUpload").files[0]);
var xhr = new XMLHttpRequest();
xhr.upload.addEventListener("progress", uploadProgress, false);
xhr.addEventListener("load", uploadComplete, false);
xhr.addEventListener("error", uploadFailed, false);
xhr.addEventListener("abort", uploadCancelled, false);
xhr.open("POST", "snap.php");
xhr.send(id);
}
function uploadProgress(evt) {
if (evt.lengthComputable) {
var percentComplete = Math.round(evt.loaded * 100 / evt.total);
document.getElementById("progressNumber").innerHTML = percentComplete.toString() + '%';
}
else {
document.getElementById("progressNumber").innerHTML = 'unable to compute';
}
}
//==================================================================
// These events are raised when the server sends back a response
//==================================================================
function uploadComplete(evt) {
alert(evt.target.responseText);
}
function uploadFailed(evt) {
alert("Therew as an error attempting to upload the file.");
}
function uploadCancelled(evt) {
alert("The upload has been cancelled by the user or the browser dropped the connection.");
}
在加载dom内容之前，请尝试调用脚本的以下代码：
document.addEventListener('DOMContentLoaded', function () {
document.getElementById("plat").value = localStorage.latitude;
document.getElementById("plon").value = localStorage.longitude;
}, false);
function fileSelected() {
var file = document.getElementById("fileUpload").files[0];
if (file) {
var fileSize = 0;
if (file.size > 1024 * 1024) {
fileSize = (Math.round(file.size * 100 / (1024 * 1024)) / 100).toString() + 'MB';
}
else {
fileSize = (Math.round(file.size * 100 / 1024) / 100).toString() + 'KB';
}
document.getElementById("fileName").innerHTML = 'Name: ' + file.name;
document.getElementById("fileSize").innerHTML = 'Size: ' + fileSize;
document.getElementById("fileType").innerHTML = 'Type: ' + file.type;
}
}
function uploadFile() {
var id = new formData();
id.append("fileUpload", document.getElementById("fileUpload").files[0]);
var xhr = new XMLHttpRequest();
xhr.upload.addEventListener("progress", uploadProgress, false);
xhr.addEventListener("load", uploadComplete, false);
xhr.addEventListener("error", uploadFailed, false);
xhr.addEventListener("abort", uploadCancelled, false);
xhr.open("POST", "snap.php");
xhr.send(id);
}
function uploadProgress(evt) {
if (evt.lengthComputable) {
var percentComplete = Math.round(evt.loaded * 100 / evt.total);
document.getElementById("progressNumber").innerHTML = percentComplete.toString() + '%';
}
else {
document.getElementById("progressNumber").innerHTML = 'unable to compute';
}
}
//==================================================================
// These events are raised when the server sends back a response
//==================================================================
function uploadComplete(evt) {
alert(evt.target.responseText);
}
function uploadFailed(evt) {
alert("Therew as an error attempting to upload the file.");
}
function uploadCancelled(evt) {
alert("The upload has been cancelled by the user or the browser dropped the connection.");
}
太棒了，谢谢！这很有魅力。还有一个问题，因为我只是想了解一些事情。我什么时候应该担心使用document.addEventListener（'DOMContentLoaded'，…在我编写代码时都会参与？当你想在页面开始加载时玩html内容时，你可以调用DOMContentLoaded Event哦，我明白了，这很有意义。非常感谢你的帮助，我不确定我是否也感谢你在我昨天问的另一个问题上给我的建议。谢谢你！太棒了，谢谢！谢谢工作很有魅力。还有一个问题，因为我只想了解这里的一些内容。我应该在什么时候担心使用文档。addEventListener（'DOMContentLoaded'，…每当我编码时都会参与？每当你想在页面开始加载时玩html内容时，你可以调用DOMContentLoaded Event哦，我明白了，这很有意义。非常感谢你的帮助，我不确定我是否也感谢你在我昨天问的另一个问题上给我的建议。谢谢！