加载JSON对象值并将它们附加到textarea中 [英] Load JSON objects values and append them in a textarea

问题描述

我正在使用filestack获取JSON对象中的文档信息，但是当我上传很多文件时，我想将这些JSON值附加到textarea中。

I'm working with filestack getting document info in a JSON object, but when I upload many files I want to append those JSON values in a textarea.

，我有这样的HTML：

So, I have this in HTML:

<input id="ff" type="filepicker" data-fp-apikey="myAPI" data-fp-mimetypes="application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document" data-fp-container="modal" data-fp-multiple="true" data-fp-button-class="btn btn-primary l-align" data-fp-button-text="Upload" data-fp-services="SKYDRIVE,COMPUTER,URL,GOOGLE_DRIVE,GMAIL" data-fp-language="en">
<textarea id="json1" name="json1" cols="30" rows="2"></textarea>
<textarea id="json" name="json" cols="30" rows="2"></textarea>

在JS中：

And in JS:

for(var i=0;i<event.fpfiles.length;i++){
  var link = event.fpfiles[i].url;
  var idfile = link.substr(link.lastIndexOf("/")+1);
  var lcconvert = "https://process.filestackapi.com/output=docinfo:true/"+idfile;

  $("#json1").load(lcconvert);
  document.getElementById('json').value += 
  document.getElementById('json1').value;                   
}

我想在textarea＃json1中加载每个值并将它们附加到textarea #json，但我只获得＃json1中最后一个文件的json值，如下所示：

I want to load every value in a textarea #json1 and append them in textarea #json but I only get the json value of the last file in #json1 like this:

<textarea id="json1" name="json1" cols="30" rows="2" style="display:none;">{"numpages":2,"dimensions":{"width":612,"height":792}}</textarea>

我想在#json中找到这个：

And I want this in #json:

<textarea id="json" name="json" cols="30" rows="2" style="display:none;">{"numpages":2,"dimensions":{"width":612,"height":792}}{"numpages":6,"dimensions":{"width":612,"height":792}}</textarea>

我想要一些帮助

I would like some help

推荐答案

感谢GillesC评论我找到了解决方案：

Thanks to GillesC comment I found the solution:

$("#json1").load(lcconvert, function(result){
    $("#json").append(result);
});

编辑：现在我需要添加每个url文件，所以我做了这个：

Now I need to add also each url file so I made this:

$("#json1").load(lcconvert, function(result){
    $("#json").append(result + " "+link);
});

但是我只能得到最后一个url文件，就像HTML一样：

But I only get the last url file, like this in HTML:

<textarea id="json" name="json" cols="30" rows="2" style="display:none;">
{"numpages":2,"dimensions":{"width":612,"height":792}} <url_of_last_file>
{"numpages":6,"dimensions":{"width":595,"height":842}} <url_of_last_file>
</textarea>

我想要这样：

And I want like this:

<textarea id="json" name="json" cols="30" rows="2" style="display:none;">
{"numpages":2,"dimensions":{"width":612,"height":792}} <url_of_file1>
{"numpages":6,"dimensions":{"width":595,"height":842}} <url_of_file2>
</textarea>

我该如何改变它？

这篇关于加载JSON对象值并将它们附加到textarea中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！