{"id":6124,"date":"2021-04-23T21:30:02","date_gmt":"2021-04-23T12:30:02","guid":{"rendered":"https:\/\/nsme.red\/wp\/?p=6124"},"modified":"2021-04-23T22:48:28","modified_gmt":"2021-04-23T13:48:28","slug":"%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%82%a2%e3%83%83%e3%83%97%e3%83%ad%e3%83%bc%e3%83%89%e3%80%80axios","status":"publish","type":"post","link":"https:\/\/core.nsme.net\/notes\/vue-js\/fetch-api\/6124\/","title":{"rendered":"\u30d5\u30a1\u30a4\u30eb\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3000axios"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">axios\u3092\u5229\u7528<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>   &lt;input @change=\"selectedFile\" type=\"file\" name=\"file\"&gt;&lt;br&gt;\n    &lt;button @click=\"upload\" type=\"submit\"&gt;\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9&lt;\/button&gt;\n\t&lt;img v-if=\"img.length !==0\" :src=\"url + img.state\"&gt;\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">js<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;script src=\"https:\/\/cdn.jsdelivr.net\/npm\/vue@2.5.16\/dist\/vue.js\">&lt;\/script>\n&lt;script src=\"https:\/\/cdn.jsdelivr.net\/npm\/axios\/dist\/axios.min.js\">&lt;\/script>\n&lt;script>\t\n\t\n let app = new Vue({\n\t el: '#content',\n    data: {\n        uploadFile: '',\n\t\t\timg: &#91;],\n\t\t\turl: '&lt;?php echo $option&#91;'site_url']; ?>',\n    },\n  methods: {\n\t\t\tselectedFile: function(e) {\n\t\t\t\t\t\/\/ \u9078\u629e\u3055\u308c\u305f File \u306e\u60c5\u5831\u3092\u4fdd\u5b58\u3057\u3066\u304a\u304f\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tlet files = e.target.files;\n\t\t\t\tconsole.log(files&#91;0]);\n\t\t\t\t\tthis.uploadFile = files&#91;0];\n\t\t\t},\n\t\t\n\t\t\tupload: function() {\n\t\t\t\t\t\/\/ FormData \u3092\u5229\u7528\u3057\u3066 File \u3092 POST \u3059\u308b\n\t\t\t\t\tlet formData = new FormData();\n\t\t\t\t\tformData.append('file', this.uploadFile);\n\t\t\t\t\n\t\t\t\t\tlet config = {\n\t\t\t\t\t\t\theaders: {\n\t\t\t\t\t\t\t\t\t'Content-Type': 'multipart\/form-data'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t};\n\t\t\t\t\n\taxios.post('..\/api\/create.php?file_upload', formData, config)\n        \u3000  .then(response => this.img = response.data)\n         \u3000 .catch(response => console.log(response))\t\t\t\t\n\t\t\t},\n\t\t\t\n\t}\n });\n&lt;\/script><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>axios\u3092\u5229\u7528 js<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[36],"tags":[],"class_list":["post-6124","post","type-post","status-publish","format-standard","hentry","category-fetch-api"],"acf":[],"_links":{"self":[{"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/posts\/6124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/comments?post=6124"}],"version-history":[{"count":2,"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/posts\/6124\/revisions"}],"predecessor-version":[{"id":6128,"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/posts\/6124\/revisions\/6128"}],"wp:attachment":[{"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/media?parent=6124"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/categories?post=6124"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/core.nsme.net\/notes\/wp-json\/wp\/v2\/tags?post=6124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}