{"id":100444,"date":"2018-07-23T04:58:59","date_gmt":"2018-07-22T20:58:59","guid":{"rendered":"http:\/\/www.ilezhi.cn\/?p=100444"},"modified":"2018-07-23T04:58:59","modified_gmt":"2018-07-22T20:58:59","slug":"thinkphp-%e6%96%87%e4%bb%b6%e4%b8%8a%e4%bc%a0","status":"publish","type":"post","link":"http:\/\/www.ilezhi.cn\/?p=100444","title":{"rendered":"Thinkphp \u6587\u4ef6\u4e0a\u4f20"},"content":{"rendered":"

1\u3001\u8def\u7531<\/p>\n

Route::rule('fileUpload\/:dir','index\/FileUpload\/index');<\/pre>\n
2\u3001\u9875\u9762\u4e3b\u8981\u5185\u5bb9<\/p>\n
 $('#exampleModal').on('show.bs.modal', function (event) {\r\n            var button = $(event.relatedTarget)\r\n            var imgpath = button.data('imgpath')\r\n            var title = button.data('imgtitle')\r\n            var info = button.data('productinfo')\r\n            var productid = button.data('productid')\r\n\r\n\r\n            if (productid === undefined) {\r\n                window.alert(\"productid \u672a\u5b9a\u4e49\");\r\n            }\r\n\r\n            var modal = $(this)\r\n            modal.find('.modal-title').text(title)\r\n            \/\/\u5355\u56fe\r\n            \/\/modal.find('.modal-body img').attr('src',imgpath)                     \r\n            modal.find('.modal-footer .info').text(info)\r\n\r\n            \/\/\u8bbe\u7f6e\u5f53\u524d productid\r\n            modal.find('#productid').attr('value', productid)\r\n\r\n            \/\/\u8bbe\u7f6e\u4e0a\u4f20\u8868\u5355productid\r\n            modal.find('#productid').attr('value', productid)\r\n\r\n            \/\/\u6e05\u7a7a\u5143\u7d20\r\n            modal.find('.carousel-indicators').empty()\r\n            modal.find('.carousel-inner').empty()\r\n\r\n            var productid = $('#productid').attr('value');\r\n            var formData = new FormData();\r\n            formData.append('productid', productid);\r\n            formData.append('refresh', 1);\r\n\r\n            $.ajax({\r\n                type: 'post',\r\n                cache: false,\r\n                url: '\/index.php\/fileUpload\/product',\r\n                data: formData,\r\n                processData: false,  \/\/ \u4e0d\u5904\u7406\u6570\u636e\r\n                contentType: false,   \/\/ \u4e0d\u8bbe\u7f6e\u5185\u5bb9\u7c7b\u578b\r\n                dataType: \"json\",\r\n                success: function (data) {\r\n                    if (data['status'] == 1) {\r\n                        var modal = $('#exampleModal')\r\n                        var images = data['images']\/\/ button.data('images')\r\n\r\n                        var init = true;\r\n\r\n                        \/\/\u91cd\u65b0\u6dfb\u52a0\u56fe\u7247\r\n                        for (var key in images) {\r\n                            if (init) {\r\n                                modal.find('.carousel-indicators').append(\"<li data-target=\\\"#carouselExampleIndicators\\\" data-slide-to=\\\"\" + key + \"\\\" class=\\\"active\\\"><\/li>\")\r\n                                modal.find('.carousel-inner').append(\" <div class=\\\"carousel-item active\\\"> <center><img class=\\\"ProductImages\\\" src=\\\"\" + images[key]['file_path'] + \"\\\"\/><\/center> <\/div>\")\r\n                                init = false;\r\n                            } else {\r\n                                modal.find('.carousel-indicators').append(\"<li data-target=\\\"#carouselExampleIndicators\\\" data-slide-to=\\\"\" + key + \"\\\"><\/li>\")\r\n                                modal.find('.carousel-inner').append(\" <div class=\\\"carousel-item\\\"> <center><img class=\\\"ProductImages\\\" src=\\\"\" + images[key]['file_path'] + \"\\\"\/><\/center> <\/div>\")\r\n                            }\r\n                        }\r\n                    } else {\r\n                        alert(\"\u66f4\u65b0\u51fa\u9519\")\r\n                    }\r\n                },\r\n                error: function (data) {\r\n                    alert('\u66f4\u65b0\u51fa\u9519');\r\n                }\r\n            })\r\n        })\r\n\r\n        $('#submit').on('click', function (event) {\r\n            var formData = new FormData();\r\n            formData.append('image', $('#file')[0].files[0]);\r\n            formData.append('productid', $('#productid').attr('value'));\r\n            formData.append('refresh', 0);\r\n            $.ajax({\r\n                type: 'post',\r\n                cache: false,\r\n                url: '\/index.php\/fileUpload\/product',\r\n                data: formData,\r\n                processData: false,  \/\/ \u4e0d\u5904\u7406\u6570\u636e\r\n                contentType: false,   \/\/ \u4e0d\u8bbe\u7f6e\u5185\u5bb9\u7c7b\u578b\r\n                dataType: \"json\",\r\n                success: function (data) {\r\n                    if (data['status'] == 1) {\r\n                        var modal = $('#exampleModal')\r\n                        var images = data['images']\/\/ button.data('images')\r\n\r\n                        \/\/\u6e05\u7a7a\u5143\u7d20\r\n                        modal.find('.carousel-indicators').empty()\r\n                        modal.find('.carousel-inner').empty()\r\n\r\n                        \/\/\u91cd\u65b0\u6dfb\u52a0\u56fe\u7247\r\n                        for (var key in images) {\r\n                            \/\/\u786e\u4fdd\u521a\u4e0a\u4f20\u7684\u6587\u4ef6\u88ab\u6fc0\u6d3b\r\n                            if (key == (images.length - 1)) {\r\n                                modal.find('.carousel-indicators').append(\"<li data-target=\\\"#carouselExampleIndicators\\\" data-slide-to=\\\"\" + key + \"\\\" class=\\\"active\\\"><\/li>\")\r\n                                modal.find('.carousel-inner').append(\" <div class=\\\"carousel-item active\\\"> <center><img class=\\\"ProductImages\\\" src=\\\"\" + images[key]['file_path'] + \"\\\"\/><\/center> <\/div>\")\r\n                            } else {\r\n                                modal.find('.carousel-indicators').append(\"<li data-target=\\\"#carouselExampleIndicators\\\" data-slide-to=\\\"\" + key + \"\\\"><\/li>\")\r\n                                modal.find('.carousel-inner').append(\" <div class=\\\"carousel-item\\\"> <center><img class=\\\"ProductImages\\\" src=\\\"\" + images[key]['file_path'] + \"\\\"\/><\/center> <\/div>\")\r\n                            }\r\n                        }\r\n\r\n                        \/\/ alert('\u4e0a\u4f20\u5b8c\u6210\uff01')\r\n                    } else {\r\n                        alert('\u4e0a\u4f20\u9519\u8bef')\r\n                    }\r\n                },\r\n                error: function (data) {\r\n                    alert('\u4e0a\u4f20\u9519\u8bef');\r\n                }\r\n            })\r\n        })\r\n    })<\/pre>\n
\/\/...\r\n    <div class=\"ProductPreview\">\r\n        {notempty name='$product.qrcode.file_path')}\r\n        <img src=\"{$product.qrcode.file_path}\" data-toggle=\"modal\" data-target=\"#exampleModal\" data-imgpath=\"{$product.qrcode.file_path}\"\r\n            data-imgtitle=\"{$product.name}\" data-productinfo=\"{$product.type.name} \/ {$product.model}\" data-images=\"{$product.images}\"\r\n            data-productid=\"{$product.id}\">\r\n        <\/a>\r\n        {else\/}\r\n        <img data-toggle=\"modal\" data-target=\"#exampleModal\" data-imgpath=\"{$product.qrcode.file_path}\" data-imgtitle=\"{$product.name}\"\r\n            data-productinfo=\"{$product.type.name} \/ {$product.model}\" data-images=\"{$product.images}\" data-productid=\"{$product.id}\">\r\n        <\/a>\r\n        {\/notempty}\r\n    <\/div>\r\n\/\/...<\/pre>\n
<!-- Modal -->\r\n<div class=\"modal fade\" id=\"exampleModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"exampleModalCenterTitle\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header\">\r\n                <h5 class=\"modal-title\" id=\"exampleModalLongTitle\">Modal title<\/h5>\r\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\r\n                    <span aria-hidden=\"true\">&times;<\/span>\r\n                <\/button>\r\n            <\/div>\r\n            <div class=\"modal-body\">\r\n                <!-- \u5355\u56fe -->\r\n                <!--\r\n                    <center><img src=\"\" style=\"width:auto;height:auto;max-height:300px;max-width:100%;\" \/><\/center>\r\n                -->\r\n\r\n                <!-- \u591a\u56fe -->\r\n\r\n                <div id=\"carouselExampleIndicators\" class=\"carousel slide\" data-ride=\"carousel\">\r\n                    <ol class=\"carousel-indicators\">\r\n                        <!--\r\n                        <li data-target=\"#carouselExampleIndicators\" data-slide-to=\"0\" class=\"active\"><\/li>\r\n                        <li data-target=\"#carouselExampleIndicators\" data-slide-to=\"1\"><\/li>\r\n                        <li data-target=\"#carouselExampleIndicators\" data-slide-to=\"2\"><\/li>\r\n                        -->\r\n                    <\/ol>\r\n                    <div class=\"carousel-inner\">\r\n                        <!-- \u539f\u6848\u4f8b -->\r\n                        <!--\r\n                          <div class=\"carousel-item active\">\r\n                            <img class=\"d-block w-100\" src=\"data:image\/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22800%22%20height%3D%22400%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20400%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_164b27b1eb7%20text%20%7B%20fill%3A%23555%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A40pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_164b27b1eb7%22%3E%3Crect%20width%3D%22800%22%20height%3D%22400%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22285.921875%22%20y%3D%22217.7%22%3EFirst%20slide%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\" alt=\"First slide\">\r\n                          <\/div>\r\n                          <div class=\"carousel-item\">\r\n                            <img class=\"d-block w-100\" src=\"data:image\/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22800%22%20height%3D%22400%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20400%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_164b27b1eb7%20text%20%7B%20fill%3A%23555%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A40pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_164b27b1eb7%22%3E%3Crect%20width%3D%22800%22%20height%3D%22400%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22285.921875%22%20y%3D%22217.7%22%3EFirst%20slide%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\" alt=\"Second slide\">\r\n                          <\/div>\r\n                          <div class=\"carousel-item\">\r\n                            <img class=\"d-block w-100\" src=\"data:image\/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22800%22%20height%3D%22400%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20400%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_164b27b1eb7%20text%20%7B%20fill%3A%23555%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A40pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_164b27b1eb7%22%3E%3Crect%20width%3D%22800%22%20height%3D%22400%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22285.921875%22%20y%3D%22217.7%22%3EFirst%20slide%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E\" alt=\"Third slide\">\r\n                          <\/div>\r\n                          -->\r\n                    <\/div>\r\n                    <a class=\"carousel-control-prev\" href=\"#carouselExampleIndicators\" role=\"button\" data-slide=\"prev\">\r\n                        <span class=\"PrevIcon\" aria-hidden=\"true\"><\/span>\r\n                        <span class=\"sr-only\">Previous<\/span>\r\n                    <\/a>\r\n                    <a class=\"carousel-control-next\" href=\"#carouselExampleIndicators\" role=\"button\" data-slide=\"next\">\r\n                        <span class=\"NextIcon\" aria-hidden=\"true\"><\/span>\r\n                        <span class=\"sr-only\">Next<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                <center>\r\n\r\n                    <form id=\"uploadForm\" enctype=\"multipart\/form-data\">\r\n                        <div class=\"input-group\">\r\n                            <input type=\"file\" name=\"image\" class=\"form-control\" id=\"file\" \/>\r\n                            <div class=\"input-group-prepend\">\r\n                                <div class=\"input-group-text\" id=\"btnGroupAddon\">\r\n                                    <input type=\"button\" value=\"\u4e0a\u4f20\" id=\"submit\" \/>\r\n                                    <input type=\"hidden\" name=\"productid\" id=\"productid\" value=\"\" \/>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                        <br>\r\n\r\n                    <\/form>\r\n\r\n                <\/center>\r\n            <\/div>\r\n\r\n            <div class=\"modal-footer\">\r\n\r\n                <h6 class=\"info\">info<\/h6>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div><\/pre>\n
3\u3001\u540e\u53f0<\/p>\n
<?php\r\nnamespace app\\index\\controller;\r\n\r\nuse think\\Controller;\r\nuse think\\Request;\r\nuse think\\File;\r\n\r\nuse app\\index\\model\\ProductModel;\r\nuse app\\index\\model\\ExtraProductModel;\r\n\r\nclass FileUploadController extends Controller\r\n{\r\n    public function index($dir){        \r\n        $id=request()->param('productid');\r\n        $refresh=request()->param('refresh');\r\n\r\n        $result;\r\n      \r\n        if($refresh==1){\r\n            $product=ProductModel::where('id', $id)->find();\r\n            $images=$product->images;\r\n            \r\n            $result['status']=1;\r\n            $result['images']=$images;       \r\n        }else{\r\n            $file =request()->file('image');\r\n        \/\/ \u79fb\u52a8\u5230\u6846\u67b6\u5e94\u7528\u6839\u76ee\u5f55\/public\/uploads\/ \u76ee\u5f55\u4e0b\r\n             if($file){\r\n            $info = $file->move(UPLOAD_PATH.$dir);\r\n            if($info){               \r\n                $extraProduct =new ExtraProductModel();\r\n                $extraProduct->name=$info->getFilename();\r\n                $extraProduct->file_path='\/upload\/'.$dir.'\/'.$info->getSaveName();\r\n                $extraProduct->product_id=$id;\r\n                $extraProduct->save();\r\n               \r\n                $product=ProductModel::where('id', $id)->find();\r\n                $images=$product->images;\r\n                \r\n                $result['status']=1;\r\n                $result['images']=$images;                \r\n            }else{\r\n                $result['status']=0;\r\n            }\r\n        }else{\r\n            $result['status']=0;\r\n        }\r\n    }\r\n        return $result;\r\n    }\r\n}<\/pre>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
1\u3001\u8def\u7531 Route::rule(‘fileUpload\/:dir’,’index\/FileUpload\/in … \u7ee7\u7eed\u9605\u8bfbThinkphp \u6587\u4ef6\u4e0a\u4f20<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[121,119,126,129],"class_list":["post-100444","post","type-post","status-publish","format-standard","hentry","category-share","tag-jquery","tag-php","tag-thinkphp","tag-129"],"_links":{"self":[{"href":"http:\/\/www.ilezhi.cn\/index.php?rest_route=\/wp\/v2\/posts\/100444","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.ilezhi.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.ilezhi.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.ilezhi.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.ilezhi.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=100444"}],"version-history":[{"count":0,"href":"http:\/\/www.ilezhi.cn\/index.php?rest_route=\/wp\/v2\/posts\/100444\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.ilezhi.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=100444"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.ilezhi.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=100444"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.ilezhi.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=100444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}