jquery - access data of uploaded json file using javascript -
मेरे पास ऐसे कुछ HTML कोड हैं:
& lt; input type = "file" आईडी = "अप" / & gt; & Lt; इनपुट प्रकार = "सबमिट करें" id = "btn" / & gt;
और मेरे पास एक JSON फ़ाइल है:
{"name": "John", "family": "Smith"}
और एक सरल जावास्क्रिप्ट फ़ंक्शन:
alert_data (नाम, परिवार) {चेतावनी ('नाम:' + name + ', परिवार:' + परिवार)} < / Code>
अब मैं नाम और परिवार के साथ alert_data () को कॉल करना चाहता हूं जो कि json फ़ाइल में संग्रहीत है जो मेरे html इनपुट का उपयोग करते हुए अपलोड किया गया है
क्या कोई तरीका है? Html5 फ़ाइल रीडर या कुछ और का उपयोग ??
नोटिस: मैं सर्वर साइड प्रोग्रामिंग का उपयोग नहीं करता, ये सब क्लाइंट साइड हैं
कृपया मेरी मदद करें:)
< / Div>
आपको एक HTML5 ब्राउज़र की आवश्यकता होगी, लेकिन यह संभव है।
(फ़ंक्शन () {फ़ंक्शन ऑन चेंज (इवेंट) {var रीडर = नया फ़्लेमरीडर (); reader.onload = onReaderLoad; reader.readAsText (event.target.files [0]);} फ़ंक्शन ऑनरडरलोड (इवेंट) {console.log (event.target। परिणाम); var obj = JSON.parse (event.target.result); alert_data (obj.name, obj.family);} फ़ंक्शन alert_data (नाम, परिवार) {चेतावनी ('नाम:' + + नाम + ', परिवार: '+ परिवार);} document.getElementById (' फ़ाइल ')। AddEventListener (' परिवर्तन ', ऑन चेंज);} ()); & lt; input id = "file" type = "file" / & gt; & Lt; p & gt; निम्न प्रारूप वाला एक फ़ाइल चुनें। & Lt; / p & gt; & LT; पूर्व & gt; {"नाम": "testname", "family": "testfamily"}
Comments
Post a Comment