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

Popular posts from this blog

Editing Python Class in Shell and SQLAlchemy -

-
I am working on the terminal on a shell script after this tutorial SQLAlchemy tutorial. I need to type gt; & Gt; & Gt; Sqlalchemy import column, integer, string & gt; & Gt; & Gt; Class user (base): __tablename__ = 'users' id = column (integer, primary_key = true) name = column (string) absolute name = column (string) password = column (string) def __repr __ (self): return "& lt ; User (name = '% s', absolute name = '% s', password = '% s') & gt; "% (Self.name, self.fullname, self.password) After the problem I have typed the password = column (string) I hit twice and changed .... >> I then took everything back but then an error was thrown because the class already exists ... I am not completely sure how to fix it. How do I open that slip in the shell script and edit it (Add DF to DRR) The error thrown below: / user / giripeters / TFSQLLX / Lib / python2.7 / site-packages / sqlalchemy / ext / decla...
Read more

uislider - In a MATLAB GUI, how does one implement a continuously varying slider from a GUIDE created .m file? -

-
I am trying to create a GUI with a plot and a slider. The slider should be described as continuously and output. I have a problem with this explanation that the uicontrol object is programmatically created, on the contrary, I want to know that in the last three instances, to complete the same thing done according to the program What can be added to a GUI file that is created. The code is down, and I have marked the (wrong) code that is provided by some of the above examples. Thanks a lot for any help! This slider function sets P1_slider_Callback (hObject, eventdata, handle) (handle, dragon, 'string', num2str (get (hObject, 'value'), 3)) PlottheData_Callback ( HOBject, EventData, Handle)% "PlotHeadata" is a button that creates the data slider based on the value of P1_slider%, and I think that here "p1_slider_CreateFcn" (hObject, eventdata, handle) needs to be assembled (HOBJECT, 'BackgroundRoller'), (0, 'Default UITTACKBACK MANDROLLE...
Read more

python - Django Custom Admin Block For center of admin -

-
So I'm overriding change_form.html to add some features to my admin page. Everything is working fine, I am currently using the "after_field_sets" block, but I want to put content between this field in my field_sets, not after that. I set the field above and below the new set, but I can not understand which block is used to put them in the middle of field sets. There is a list of all blocks text "> After reading the code referenced by the link you posted I reached the conclusion that the block you are looking for does not exist in it called content There is a block but more than just that "main content" but this is not the end of the world, you still have to make the template IR order to "make some space" for your content. Remember Padit can. And very important, keep in mind that you can css and js edit files as well.
Read more