<input = "file">默认值
<input = "file">默认值
提问于 2012-10-16 03:35:11
通过阅读Stack和web，我发现，出于安全原因，您不能预先填充此选项。然而，我有一些页面表单，用户需要填写。通过将其他变量保留为会话变量，我可以让页面记住它们以前的条目，并在该页被调用回、文本框、按钮等时重新显示它们。我还没有想出如何对文件名输入表单组件进行同样的处理。如果有解决办法，有什么想法吗？
回答 1
Stack Overflow用户
发布于 2012-10-16 03:40:34
如果已经上传了图像，则需要在逻辑服务器端显示上传图像的拇指，并提供上传新图像的选项，此时您将显示一个空文件输入。就像..。
if(sessioncontains("uploaded")) {
out << "<img src=\"" + (sessionget("uploaded")->thumb) + "\"/>";
out << "<label>Upload a new image</label>";
} else {
out << "<label>Upload an image</label>";
}
out << "<input type=\"file\"/>";为了在字段提交之前保存字段的值，编辑，只需将它们放在幕后的服务器上即可。How can I upload files asynchronously?。或者您可以将它们序列化为window.localStorage作为数据URL (注意存储限制)。
Javascript..。
function retrieveFiles() {
var files = [];
var json = window.localStorage.getItem("files");
if(json.length) {
try {
files = JSON.parse(json);
} catch(ex) {
console.err("There was an error", files, window.localStorage);
}
}
return files;
}
function storeFiles(files) {
window.localStorage.setItem("files", JSON.stringify(files));
}
$(function() {
var arr = retrieveFiles();
$("#file").on("change", function() {
var files = $(this).prop("files");
var reader = new FileReader();
reader.onload = function(e) {
arr.push(e.target.result);
storeFiles(arr);
}
for(var i = 0; i < files.length; ++i) {
reader.readAsDataURL(files[i]);
}
});
$("form").on("submit", function() {
// Post files array arr by AJAX
});
});HTML。
<form action="upload" method="post" enctype="multipart/form-data">
<input type="file" id="file" multiple/>
<button type="submit">Submit</button>
</form>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12913830
复制相关文章
相似问题
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
