Tweet Share Share Share Share Share wordpress contact 7表單如何新增一個上傳附件檔案欄位(upload file) jack kuo 星期三, 10月 12, 2016 <div class="entry-featured" style="background-color: #f3f3f3; border-bottom: 1px solid rgb(221, 221, 221); box-shadow: rgba(0, 0, 0, 0.133333) 4px 2px 4px -4px, rgba(0, 0, 0, 0.133333) -4px 2px 4px -4px; box-sizing: border-box; color: #333333; font-family: "Open Sans", sans-serif; font-size: 16px; position: relative; transform: translate3d(0px, 0px, 0px);"> <div class="entry-thumb" style="background-color: black; box-sizing: border-box; position: relative;"> <img alt="Wordpress Contact 7 如何新增一個上傳檔案欄位" class="attachment-entry size-entry wp-post-image" height="705" src="https://jackteacher.cc/wp/wp-content/uploads/2016/10/wordpress-contact-7-%E5%A6%82%E4%BD%95%E6%96%B0%E5%A2%9E%E4%B8%80%E5%80%8B%E4%B8%8A%E5%82%B3%E6%AA%94%E6%A1%88%E6%AC%84%E4%BD%8D-862x705.jpg" style="border: 0px; box-sizing: border-box; height: auto; max-width: 100%; min-width: 100%; transition: opacity 0.75s ease; vertical-align: middle;" width="862" /></div> </div> <div class="entry-wrap" style="background-color: white; border-radius: 0px 0px 4px 4px; box-shadow: rgba(0, 0, 0, 0.133333) 0px 0.15em 0.35em 0px; box-sizing: border-box; color: #333333; font-family: "Open Sans", sans-serif; font-size: 16px; padding: 60px;"> <header class="entry-header" style="box-sizing: border-box; font-size: 18px;"><h1 class="entry-title" style="box-sizing: border-box; color: #444444; font-size: 38px; font-weight: 400; letter-spacing: -1px; line-height: 1.3em; margin: 0px; text-rendering: optimizeLegibility;"> wordpress contact 7表單如何新增一個上傳附件檔案欄位(upload file)</h1> <div class="p-meta" style="box-sizing: border-box; font-family: "Open Sans"; font-size: 14px; line-height: 1.5; margin-top: 8px; padding: 0px 0px 14px; text-transform: uppercase;"> <span style="box-sizing: border-box; display: inline-block;"><span class="x-icon-pencil" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> 傑克老師</span><span style="box-sizing: border-box; display: inline-block;"><time class="entry-date" datetime="2016-10-07T08:01:03+00:00" style="box-sizing: border-box;"><span class="x-icon-calendar" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> 2016-10-07</time></span><span style="box-sizing: border-box; display: inline-block;"><a href="https://jackteacher.cc/category/wordpress/" style="background-color: transparent; box-sizing: border-box; color: #ff2a13; text-decoration: none; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; white-space: nowrap;" title="View all posts in: “wordpress”"><span class="x-icon-bookmark" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> WORDPRESS</a></span><span style="box-sizing: border-box; display: inline-block;"><a class="meta-comments" href="https://jackteacher.cc/2636/wordpress-contact-7%e8%a1%a8%e5%96%ae%e5%a6%82%e4%bd%95%e6%96%b0%e5%a2%9e%e4%b8%80%e5%80%8b%e4%b8%8a%e5%82%b3%e9%99%84%e4%bb%b6%e6%aa%94%e6%a1%88%e6%ac%84%e4%bd%8dupload-file/#respond" style="background-color: transparent; box-sizing: border-box; color: #ff2a13; text-decoration: none; transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; white-space: nowrap;" title="Leave a comment on: “wordpress contact 7表單如何新增一個上傳附件檔案欄位(upload file)”"><span class="x-icon-comments" data-x-icon="" style="-webkit-font-smoothing: antialiased; box-sizing: border-box; display: inline-block; font-family: FontAwesome; text-decoration: inherit; text-rendering: auto;"></span> 0 COMMENTS</a></span></div> </header><div class="entry-content content" style="box-sizing: border-box; font-size: 18px; margin: 10px 30px;"> <div style="box-sizing: border-box; margin-bottom: 1.313em;"> 在wordpress中，有一個plugin使用率非常高，那就是contact 7這個表單插件，在使用的過程中，就有一個特殊需求，能不能上傳附件呢？</div> <div class="wp-caption aligncenter" id="attachment_2656" style="border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.14902); box-shadow: rgba(0, 0, 0, 0.0745098) 0px 0.125em 0.275em 0px; box-sizing: border-box; margin: 0px auto 1.313em; max-width: 100%; padding: 5px; text-align: center; width: 752px;"> <img alt="Wordpress Contact 7 如何新增一個上傳檔案欄位" class="size-large wp-image-2656" height="607" src="https://jackteacher.cc/wp/wp-content/uploads/2016/10/wordpress-contact-7-%E5%A6%82%E4%BD%95%E6%96%B0%E5%A2%9E%E4%B8%80%E5%80%8B%E4%B8%8A%E5%82%B3%E6%AA%94%E6%A1%88%E6%AC%84%E4%BD%8D-1024x838.jpg" style="border-radius: 2px; border: 0px; box-sizing: border-box; height: auto; max-width: 100%; vertical-align: middle;" width="742" /><div class="wp-caption-text" style="box-sizing: border-box; font-size: 10px; line-height: 1.2; margin-bottom: 5px; margin-top: 9px; padding: 0px 32.1094px; text-transform: uppercase;"> WORDPRESS CONTACT 7 如何新增一個上傳檔案欄位</div> </div> <div style="box-sizing: border-box; margin-bottom: 1.313em;"> 答案是可以的，只要使用底下的程式碼</div> <div class="crayon-syntax crayon-theme-default crayon-font-monaco crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouseover" id="crayon-57fc5f8514bb6765873309" style="background: rgb(253, 253, 253) !important; border-color: rgb(153, 153, 153) !important; border-style: solid !important; border-width: 1px !important; box-sizing: border-box; direction: ltr !important; font-family: Monaco, MonacoRegular, "Courier New", monospace; font-size: 12px !important; height: auto; line-height: 15px !important; margin: 12px 0px; overflow: hidden !important; padding: 0px; position: relative !important; text-shadow: none !important; text-size-adjust: none; width: 654.438px;"> <div class="crayon-plain-wrap" style="background: 0px center; border: 0px; box-sizing: border-box; height: auto !important; margin: 0px !important; padding: 0px !important;"> <textarea class="crayon-plain print-no" data-settings="dblclick" readonly="" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 0px; border-style: initial; border-width: 0px; box-shadow: none; color: black; cursor: not-allowed; font-family: Monaco, MonacoRegular, "Courier New", monospace !important; font-size: 12px !important; height: 15px; line-height: 15px !important; margin: 0px; opacity: 0; overflow: hidden; padding: 0px 5px; position: absolute; resize: none; tab-size: 4; transition: border 0.2s linear, box-shadow 0.2s linear; vertical-align: top; white-space: pre; width: 652.438px; word-wrap: normal; z-index: 0;" wrap="soft"> 1 [file your-file filetypes:pdf|txt|doc|docx|xls|xlsx|ppt|pptx|jpg|jpeg|png limit:2mb] filetypes：指的是上傳文件的格式 limit：指的是文件的大小 你成功了嗎？ 覺得好用，記得分享給朋友喔！