{"id":654,"date":"2025-02-20T11:07:35","date_gmt":"2025-02-20T03:07:35","guid":{"rendered":"http:\/\/xinsk.cn\/?p=654"},"modified":"2025-03-03T11:38:34","modified_gmt":"2025-03-03T03:38:34","slug":"node-%e8%8e%b7%e5%8f%96%e5%89%8d%e7%ab%afform%e4%bc%a0%e9%80%81%e7%9a%84%e6%96%87%e4%bb%b6","status":"publish","type":"post","link":"http:\/\/www.xinsk.cn\/?p=654","title":{"rendered":"Node \u83b7\u53d6\u524d\u7aefform\u4f20\u9001\u7684\u6587\u4ef6"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\">1\u3001\u524d\u7aefDOM\uff1a<\/mark><\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>  &lt;section class=\"index-project-image-section\" data-pro-code=\"\">\n    &lt;div class=\"index-project-image-container\">\n      &lt;h3>\u6b3e\u53f7\u56fe\u7247&lt;\/h3>\n      &lt;form id=\"index-project-image-upload\">\n        &lt;span>\u4e0a\u4f20\u56fe\u7247\uff1a&lt;\/span>\n        &lt;input type=\"file\" name=\"file\" id=\"image-file\" accept=\"image\/jpeg,image\/png,image\/jpg\">\n        &lt;div class=\"index-project-image-show\">\n          &lt;img id=\"image-show\" src=\"\" alt=\"\">\n          &lt;p>\u6ca1\u6709\u56fe\u7247\uff0c\u8bf7\u70b9\u51fb\u4e0a\u65b9\u6309\u94ae\u4e0a\u4f20\uff01&lt;\/p>\n        &lt;\/div>\n        &lt;div class=\"index-project-image-btn\">\n          &lt;button type=\"button\">\u53d6\u6d88&lt;\/button>\n          &lt;button type=\"submit\">\u786e\u8ba4\u4e0a\u4f20&lt;\/button>\n        &lt;\/div>\n      &lt;\/form>\n    &lt;\/div>\n  &lt;\/section><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\">2\u3001\u524d\u7aefJS\uff1a<\/mark><\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>$('#index-project-image-upload').on('submit',function(e){\n        e.preventDefault();\n        if($('#image-file')&#91;0].files&#91;0] === undefined){\n            alert('\u8bf7\u9009\u62e9\u56fe\u7247\u6587\u4ef6\uff01')\n            return;\n        }\n        var formData = new FormData(this); \n        formData.append('proCode',$('.index-project-image-section').attr('data-pro-code'))\n        $.ajax({\n            url:'yourUrl',\n            type:'yourType',\n            data:formData,\n            contentType: false,\n            processData: false,\n            success:function(res){\n               if(res.code==200){\n                var userResponse = confirm(res.text);\n                if(userResponse){\n                    window.location.reload()\n                }else{\n                    window.location.reload()\n                }\n               }else{\n                alert(res.text)\n               }\n            },\n            error:function(err){\n                alert(err.status+':'+err.statusText)\n            }\n        })\n    })<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\">3\u3001Node\u540e\u7aef\uff1a<\/mark><\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/\/ \u5f15\u5165multer\u5305\nconst multer = require('multer'); \n\n\/\/ \u5b9e\u4f8b\u5316multer\nconst upload = multer();\n\n\/\/ \u5728\u63a5\u53d7\u6587\u4ef6\u7684\u8def\u7531\u4e0a\uff0c\u914d\u7f6emulter\u4e2d\u95f4\u4ef6\nrouter.post('\/yourUrl',upload.any(),function(req,res,next){\n    \/\/ \u83b7\u53d6\u7b2c\u4e00\u4e2a\u6587\u4ef6\n    var file = req.files&#91;0];\n\n    \/\/ \u83b7\u53d6\u6587\u4ef6\u540d\u79f0\n    var fileName = file.originalname;\n\n    \/\/ \u83b7\u53d6\u6587\u4ef6\u5c3e\u7f00\uff08\u7c7b\u578b\uff09\n    var fileExt = fileName.split('.').pop();\n\n    \/\/ \u83b7\u53d6\u6587\u4ef6\u5185\u5bb9\n    var file_content = file.buffer;\n\n    \/\/ \u5176\u4ed6\u7684\u903b\u8f91......\n\n})<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>1\u3001\u524d\u7aefDOM\uff1a 2\u3001\u524d\u7aefJS\uff1a 3\u3001Node\u540e\u7aef\uff1a<\/p>\n","protected":false},"author":1,"featured_media":665,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-654","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Node \u83b7\u53d6\u524d\u7aefform\u4f20\u9001\u7684\u6587\u4ef6 - YW<\/title>\n<meta name=\"description\" content=\"\u524d\u7aef\u901a\u8fc7form\u4f20\u8f93\u6587\u4ef6\u65f6\uff0c\u5982\u4f55\u5229\u7528Node\u63a5\u6536\u5e76\u5904\u7406\u6587\u4ef6\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/www.xinsk.cn\/?p=654\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Node \u83b7\u53d6\u524d\u7aefform\u4f20\u9001\u7684\u6587\u4ef6 - YW\" \/>\n<meta property=\"og:description\" content=\"\u524d\u7aef\u901a\u8fc7form\u4f20\u8f93\u6587\u4ef6\u65f6\uff0c\u5982\u4f55\u5229\u7528Node\u63a5\u6536\u5e76\u5904\u7406\u6587\u4ef6\" \/>\n<meta property=\"og:url\" content=\"http:\/\/www.xinsk.cn\/?p=654\" \/>\n<meta property=\"og:site_name\" content=\"YW\" \/>\n<meta property=\"article:published_time\" content=\"2025-02-20T03:07:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-03T03:38:34+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.xinsk.cn\/wp-content\/uploads\/2025\/02\/506934.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"960\" \/>\n\t<meta property=\"og:image:height\" content=\"540\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Randy\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"Randy\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"http:\\\/\\\/www.xinsk.cn\\\/?p=654#article\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/www.xinsk.cn\\\/?p=654\"},\"author\":{\"name\":\"Randy\",\"@id\":\"http:\\\/\\\/www.xinsk.cn\\\/#\\\/schema\\\/person\\\/9b38368d42dd4db5d104a3df4deda634\"},\"headline\":\"Node \u83b7\u53d6\u524d\u7aefform\u4f20\u9001\u7684\u6587\u4ef6\",\"datePublished\":\"2025-02-20T03:07:35+00:00\",\"dateModified\":\"2025-03-03T03:38:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"http:\\\/\\\/www.xinsk.cn\\\/?p=654\"},\"wordCount\":5,\"commentCount\":0,\"publisher\":{\"@id\":\"http:\\\/\\\/www.xinsk.cn\\\/#\\\/schema\\\/person\\\/9b38368d42dd4db5d104a3df4deda634\"},\"image\":{\"@id\":\"http:\\\/\\\/www.xinsk.cn\\\/?p=654#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.xinsk.cn\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/506934.jpg\",\"articleSection\":[\"JavaScript\"],\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"http:\\\/\\\/www.xinsk.cn\\\/?p=654#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"http:\\\/\\\/www.xinsk.cn\\\/?p=654\",\"url\":\"http:\\\/\\\/www.xinsk.cn\\\/?p=654\",\"name\":\"Node \u83b7\u53d6\u524d\u7aefform\u4f20\u9001\u7684\u6587\u4ef6 - YW\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/www.xinsk.cn\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\\\/\\\/www.xinsk.cn\\\/?p=654#primaryimage\"},\"image\":{\"@id\":\"http:\\\/\\\/www.xinsk.cn\\\/?p=654#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.xinsk.cn\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/506934.jpg\",\"datePublished\":\"2025-02-20T03:07:35+00:00\",\"dateModified\":\"2025-03-03T03:38:34+00:00\",\"description\":\"\u524d\u7aef\u901a\u8fc7form\u4f20\u8f93\u6587\u4ef6\u65f6\uff0c\u5982\u4f55\u5229\u7528Node\u63a5\u6536\u5e76\u5904\u7406\u6587\u4ef6\",\"breadcrumb\":{\"@id\":\"http:\\\/\\\/www.xinsk.cn\\\/?p=654#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\\\/\\\/www.xinsk.cn\\\/?p=654\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"http:\\\/\\\/www.xinsk.cn\\\/?p=654#primaryimage\",\"url\":\"http:\\\/\\\/www.xinsk.cn\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/506934.jpg\",\"contentUrl\":\"http:\\\/\\\/www.xinsk.cn\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/506934.jpg\",\"width\":960,\"height\":540},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\\\/\\\/www.xinsk.cn\\\/?p=654#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"http:\\\/\\\/www.xinsk.cn\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Node \u83b7\u53d6\u524d\u7aefform\u4f20\u9001\u7684\u6587\u4ef6\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\\\/\\\/www.xinsk.cn\\\/#website\",\"url\":\"http:\\\/\\\/www.xinsk.cn\\\/\",\"name\":\"YW\",\"description\":\"Trying to be better\",\"publisher\":{\"@id\":\"http:\\\/\\\/www.xinsk.cn\\\/#\\\/schema\\\/person\\\/9b38368d42dd4db5d104a3df4deda634\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\\\/\\\/www.xinsk.cn\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"http:\\\/\\\/www.xinsk.cn\\\/#\\\/schema\\\/person\\\/9b38368d42dd4db5d104a3df4deda634\",\"name\":\"Randy\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"http:\\\/\\\/www.xinsk.cn\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/cropped-pic7.jpg\",\"url\":\"http:\\\/\\\/www.xinsk.cn\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/cropped-pic7.jpg\",\"contentUrl\":\"http:\\\/\\\/www.xinsk.cn\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/cropped-pic7.jpg\",\"width\":214,\"height\":214,\"caption\":\"Randy\"},\"logo\":{\"@id\":\"http:\\\/\\\/www.xinsk.cn\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/cropped-pic7.jpg\"},\"sameAs\":[\"http:\\\/\\\/106.15.105.35\"],\"url\":\"http:\\\/\\\/www.xinsk.cn\\\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Node \u83b7\u53d6\u524d\u7aefform\u4f20\u9001\u7684\u6587\u4ef6 - YW","description":"\u524d\u7aef\u901a\u8fc7form\u4f20\u8f93\u6587\u4ef6\u65f6\uff0c\u5982\u4f55\u5229\u7528Node\u63a5\u6536\u5e76\u5904\u7406\u6587\u4ef6","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/www.xinsk.cn\/?p=654","og_locale":"zh_CN","og_type":"article","og_title":"Node \u83b7\u53d6\u524d\u7aefform\u4f20\u9001\u7684\u6587\u4ef6 - YW","og_description":"\u524d\u7aef\u901a\u8fc7form\u4f20\u8f93\u6587\u4ef6\u65f6\uff0c\u5982\u4f55\u5229\u7528Node\u63a5\u6536\u5e76\u5904\u7406\u6587\u4ef6","og_url":"http:\/\/www.xinsk.cn\/?p=654","og_site_name":"YW","article_published_time":"2025-02-20T03:07:35+00:00","article_modified_time":"2025-03-03T03:38:34+00:00","og_image":[{"width":960,"height":540,"url":"http:\/\/www.xinsk.cn\/wp-content\/uploads\/2025\/02\/506934.jpg","type":"image\/jpeg"}],"author":"Randy","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"Randy","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"1 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"http:\/\/www.xinsk.cn\/?p=654#article","isPartOf":{"@id":"http:\/\/www.xinsk.cn\/?p=654"},"author":{"name":"Randy","@id":"http:\/\/www.xinsk.cn\/#\/schema\/person\/9b38368d42dd4db5d104a3df4deda634"},"headline":"Node \u83b7\u53d6\u524d\u7aefform\u4f20\u9001\u7684\u6587\u4ef6","datePublished":"2025-02-20T03:07:35+00:00","dateModified":"2025-03-03T03:38:34+00:00","mainEntityOfPage":{"@id":"http:\/\/www.xinsk.cn\/?p=654"},"wordCount":5,"commentCount":0,"publisher":{"@id":"http:\/\/www.xinsk.cn\/#\/schema\/person\/9b38368d42dd4db5d104a3df4deda634"},"image":{"@id":"http:\/\/www.xinsk.cn\/?p=654#primaryimage"},"thumbnailUrl":"http:\/\/www.xinsk.cn\/wp-content\/uploads\/2025\/02\/506934.jpg","articleSection":["JavaScript"],"inLanguage":"zh-Hans","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["http:\/\/www.xinsk.cn\/?p=654#respond"]}]},{"@type":"WebPage","@id":"http:\/\/www.xinsk.cn\/?p=654","url":"http:\/\/www.xinsk.cn\/?p=654","name":"Node \u83b7\u53d6\u524d\u7aefform\u4f20\u9001\u7684\u6587\u4ef6 - YW","isPartOf":{"@id":"http:\/\/www.xinsk.cn\/#website"},"primaryImageOfPage":{"@id":"http:\/\/www.xinsk.cn\/?p=654#primaryimage"},"image":{"@id":"http:\/\/www.xinsk.cn\/?p=654#primaryimage"},"thumbnailUrl":"http:\/\/www.xinsk.cn\/wp-content\/uploads\/2025\/02\/506934.jpg","datePublished":"2025-02-20T03:07:35+00:00","dateModified":"2025-03-03T03:38:34+00:00","description":"\u524d\u7aef\u901a\u8fc7form\u4f20\u8f93\u6587\u4ef6\u65f6\uff0c\u5982\u4f55\u5229\u7528Node\u63a5\u6536\u5e76\u5904\u7406\u6587\u4ef6","breadcrumb":{"@id":"http:\/\/www.xinsk.cn\/?p=654#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["http:\/\/www.xinsk.cn\/?p=654"]}]},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"http:\/\/www.xinsk.cn\/?p=654#primaryimage","url":"http:\/\/www.xinsk.cn\/wp-content\/uploads\/2025\/02\/506934.jpg","contentUrl":"http:\/\/www.xinsk.cn\/wp-content\/uploads\/2025\/02\/506934.jpg","width":960,"height":540},{"@type":"BreadcrumbList","@id":"http:\/\/www.xinsk.cn\/?p=654#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"http:\/\/www.xinsk.cn\/"},{"@type":"ListItem","position":2,"name":"Node \u83b7\u53d6\u524d\u7aefform\u4f20\u9001\u7684\u6587\u4ef6"}]},{"@type":"WebSite","@id":"http:\/\/www.xinsk.cn\/#website","url":"http:\/\/www.xinsk.cn\/","name":"YW","description":"Trying to be better","publisher":{"@id":"http:\/\/www.xinsk.cn\/#\/schema\/person\/9b38368d42dd4db5d104a3df4deda634"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/www.xinsk.cn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"},{"@type":["Person","Organization"],"@id":"http:\/\/www.xinsk.cn\/#\/schema\/person\/9b38368d42dd4db5d104a3df4deda634","name":"Randy","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"http:\/\/www.xinsk.cn\/wp-content\/uploads\/2025\/02\/cropped-pic7.jpg","url":"http:\/\/www.xinsk.cn\/wp-content\/uploads\/2025\/02\/cropped-pic7.jpg","contentUrl":"http:\/\/www.xinsk.cn\/wp-content\/uploads\/2025\/02\/cropped-pic7.jpg","width":214,"height":214,"caption":"Randy"},"logo":{"@id":"http:\/\/www.xinsk.cn\/wp-content\/uploads\/2025\/02\/cropped-pic7.jpg"},"sameAs":["http:\/\/106.15.105.35"],"url":"http:\/\/www.xinsk.cn\/?author=1"}]}},"_links":{"self":[{"href":"http:\/\/www.xinsk.cn\/index.php?rest_route=\/wp\/v2\/posts\/654","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.xinsk.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.xinsk.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.xinsk.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.xinsk.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=654"}],"version-history":[{"count":8,"href":"http:\/\/www.xinsk.cn\/index.php?rest_route=\/wp\/v2\/posts\/654\/revisions"}],"predecessor-version":[{"id":662,"href":"http:\/\/www.xinsk.cn\/index.php?rest_route=\/wp\/v2\/posts\/654\/revisions\/662"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.xinsk.cn\/index.php?rest_route=\/wp\/v2\/media\/665"}],"wp:attachment":[{"href":"http:\/\/www.xinsk.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=654"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.xinsk.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=654"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.xinsk.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=654"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}