我有一些像这样的
HTML代码：
<input type="file" id="up" /> <input type="submit" id="btn" />
我有一个像这样的json文件：
{
"name": "John","family": "Smith"
}
还有一个简单的javascript函数：
alert_data(name,family)
{
alert('Name : ' + name + ',Family : '+ family)
}
现在我想调用alert_data(),其名称和系列存储在使用我的html输入上传的json文件中
有什么办法吗？
使用html5文件阅读器或其他？
注意：我不使用服务器端编程,所有这些都是客户端
请帮帮我 ：)
解决方法
您将需要一个HTML5浏览器,但这是可能的.
(function(){
function onChange(event) {
var reader = new FileReader();
reader.onload = onReaderLoad;
reader.readAsText(event.target.files[0]);
}
function onReaderLoad(event){
console.log(event.target.result);
var obj = JSON.parse(event.target.result);
alert_data(obj.name,obj.family);
}
function alert_data(name,family){
alert('Name : ' + name + ',Family : ' + family);
}
document.getElementById('file').addEventListener('change',onChange);
}());
<input id="file" type="file" />
<p>Select a file with the following format.</p>
<pre>
{
"name": "testName","family": "testFamily"
}
</pre>
