midjourney图片切割教程：用Chatgpt写程序轻松切分

针对一些AI作图的素材玩家，我们提供了一些提升midjourney图片生成及处理的工具。

之前有prompt生成表格工具、夜晚休息时候的relaxed跑图模式，以及这个新的四宫格切图工具，有需要的可以自行加入我们tzart进行工具使用和下载哈。

最近，有很多玩家都尝试用midjourney在抖音上做图文。然而，midjourney生成的图都是四宫格的，如果想要分成4张单独的图片，还需要自己切分，或者每个都单独生成大图。这对于想要快速生成图片的玩家来说不太友好。

于是，市面上出现了一些针对AI作图的素材玩家的工具，主要是提升midjourney图片生成及处理。

比如这个图片切割机:https://cunkai.gitee.io/mj/

用户只需批量上传图片，它就会自动将四宫格图片切割成4张单独的图片，而且不会让图片变模糊。

此外，你还可以尝试用Chatgpt帮你写程序来切分Midjourney生成的图片，你只需要提出具体要求:

我需要你扮演一位资深程序员，帮我写一个web应用，下面我将提出具体要求

1.这个应用是基于浏览器的;

2.这个应用的功能是将用户上传的图片平均切分为4张图片;3.当图片上传完成后，自动开始切分图片;

4.当图片完成切分后，自动下载4张图片，分别命名为原图片名称后面加”-1″~”-4″;

请给出完整的代码，并告诉我如何将这个web应用部署在服务器上。

万万没想到! chatgpt不仅给我写了代码，还告诉了我怎么部署!（代码见最后）

以上代码会在用户选择文件后自动开始切分图片并下载，没有额外的下载按钮。

要将此Web应用程序部署在服务器上，您需要将此代码保存为一个HTML文件，并将其上传到Web服务器或云托管服务中，以便用户可以通过Web浏览器访问该应用程序。如果您使用云托管服务，例如Amazon S3或Google Cloud Storage，您需要设置正确的存储桶权限以便用户可以下载生成的图片。

Chatgpt给我生成的代码:

微信扫码打赏作者

金额：2.99元好的内容，值得赞赏！打赏后不支持退款！联系客服扫描下方二维码关注公众号“站长资讯”，及时联系客服解决。请把【打赏记录详情】截图给客服，同时把您打赏的文章【网址】发给客服。客服会在24小时内把完整文章内容发送给您。（客服在线时间为周一至周五9:00-11:30 14:00-17:30） span.cprice { color: #ee2222; } .pcontent { overflow: visible } .markdown { position: relative; text-overflow: ellipsis; word-wrap: break-word; padding-bottom: 160px } .trancent_block { background-color: #fff; opacity: 0; filter: alpha(opacity=0) } .carousel_collapsed_layer { display: block; width: 100%; height: 110px; position: absolute; bottom: 180px } .bg-gradient-white, .bg-gradient-snow { background-image: -webkit-linear-gradient(top,rgba(255,255,255,0) 25%,#fff 67%); background-image: linear-gradient(to bottom,rgba(255,255,255,0) 25%,#fff 67%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#00ffffff’,endColorstr=’#FFffffff’,GradientType=0) } .reward-partial.reward-partial-mask { margin-top: 0px; width: 100%; z-index: 1000; position: absolute } .need-purchase { } .line-sperator { width: 100%; position: relative } .line-sperator .lock-img-div { position: absolute; top: -20px; left: 50%; margin-left: -35px; width: 70px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .header-item .line-sperator { width: 100%; border-bottom: 1px solid #EDEDED; position: relative } .header-item .line-sperator .lock-img-div { position: absolute; top: -20px; left: 50%; margin-left: -35px; width: 70px; background: #fff } .header-item .line-sperator .lock-img-div .lock-img { width: 20px; height: 32px } .body-item .tip-one { margin-top: 19px; font-size: 14px; color: #FF7055; line-height: 23px; text-align: center } .login-partial { position: relative; text-align: center } .hide_box { z-index: 999; filter: alpha(opacity=20); background: #000; opacity: 0.2; -moz-opacity: 0.2; left: 0; top: 0; height: 99%; width: 100%; position: fixed; display: none } .shang_box { width: 340px; height: auto; padding: 20px 20px 40px; background-color: #fff; border-radius: 10px; position: absolute; z-index: 1000; left: 210px; bottom: 100px; display: none; box-shadow: 0 3px 14px 0 rgba(199,209,215,.4) } .shang_box:after, .shang_box:before { content: ” “; display: block; position: absolute; left: 160px; width: 0; height: 0 } .shang_box:after { bottom: -8px; border-top: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent } .shang_box:before { bottom: -9px; border-top: 8px solid #eaeeef; border-left: 8px solid transparent; border-right: 8px solid transparent } .shang_box img { border: none; border-width: 0 } .dashang { position: relative; margin: 40px auto 0; height: 44px; width: 124px; font-size: 16px; box-shadow: 0 10px 20px rgba(255,96,96,.4); border-radius: 22px; background: #ee2222; color: #fff; transition: all 0.3s; outline: none } button:focus { outline: none !important } .dashang:hover { opacity: 0.8; padding: 8px 15px; font-size: 18px } .dashang-text { margin-top: 10px; opacity: .5; display: block; text-align: center; line-height: 30px; font-size: 14px; color: #303030 } .shang_close { float: right; display: inline-block } .shang_logo { display: block; text-align: center; margin: 20px auto } .shang_tit { width: 100%; height: 65px; text-align: center; line-height: 66px; color: #a3a3a3; font-size: 16px; padding-top: 15px } .shang_tit p { color: #27282d; text-align: center; font-size: 16px; margin-left: 20px } .shang_payimg { width: 160px; border: 6px solid #fff; margin: 0 auto; border-radius: 3px; height: 160px } .shang_payimg img { display: block; text-align: center; width: 148px; height: 148px } .shang_paytxt { font-size: 14px; line-height: 20px; color: #27282d; margin: 10px 0 } .shang_info { clear: both } .shang_info { color: #C3C3C3; text-align: center; font-size: 12px; text-decoration: none; line-height: 2em } .success-contact { position: relative; width: 100% text-align: center; } .cbtn { margin-top: 1rem; font-size: .875rem; –tw-text-opacity: 1; color: rgb(141 148 153 / var(–tw-text-opacity)); opacity: 0.75; } .cbtn:focus { outline: 2px solid transparent; outline-offset: 2px; } .contact-wrapper { position: absolute; left: 0px; bottom: 2.25rem; font-size: .815rem; } .contact-wrapper_info { position: relative; background-color: #fff; padding: 1rem 0 0 0; line-height: 1.5rem; color: #71787e; } span.text-orange-400 { color: #f59e0b; } .contact-wxcode { width: 140px; height: 140px; margin: 1.5rem auto 0; }