[oeasy]玩转Trae_16_上传文件到服务器原创

我要修改需求文档，添加图像上传的模块，支持在画布上拖拉这个图像，还可以把这个东西上传到作品集。写到服务器的硬盘上。先帮我写需求文档，我们的步骤呢分三步，第一步改需求文档，第二步呢就是根据新的需求文档，需求文档就是提示词，而且是更正规的提示词上传模块，对的。他说本地存储应该是本地缓存对吧，那我要求他写清楚，3.9指的是本地浏览器缓存。和服务器硬盘对吗？他说是的，理解正确。好，我把这个事情确认了之后，根据新修正的需求文档帮我修改代码，运行这个服务器，然后预览。我找一张图片。

用这张图片。那拿到这儿之后呢，我们就可以控制缩放。旋转通路，然后可以移动它的位置是吧，移动的位置在导入了图片，上传了图片之后，图片移动的时候，周围的虚线是不要的，旋转缩放和移动。应该是在画板上直接进行的，而不是在右侧选项来进行，要这种可见即所得的这种的效果的形式，图像里边找图片。然后上船。是可以调整缩放的，而且虚线的问题也解决了，现在问题呢，是没法旋转对吧？鼠标按下的时候有旋转的橙色按钮的，我松手之后想移动过去，橙色按钮消失，按下鼠标选中上传的图像之后出现橙色旋钮，但是松开鼠标去点的时候旋钮消失，无法点击，再观察一下它确实旋转了，对吧？确实旋转了，但是呢，那个呃，框框没旋转，我需要框框也旋转，需要这个外围的选框的跟着图像旋转，再试一下，拿过来之后，然后旋转，然后选框也跟着旋转，这基本上是符合要求，可以缩放，可以旋转，可以移动，可以上传图片。

那么这个是什么呢？这个是本地对吧，本地那我能不能把它，嗯部署到这个raway呢？Railway这块儿就这么几步，第一个是登录，登录之后连接就是选择是哪个工作区，哪个工程上传，传到这个beat HUB上面，在railway里面去下载它，再解包，再安装，都做完了之后呢，可以。访问了我发布到railway的这个网址，然后我们试一下哈图像，然后上传，把这个东西再上传上去，呃，这个缩放是没有问题的。

然后呢，移动是没有问题的，然后呢，旋转是没有问题的，旋转之后的缩放呢，基本上也是OK的，移动也是OK的，我把它尝试保存，然后再观察一下作品，看到是存在这样的作品的，然后我在这个谷歌浏览器再打开之后查看作品集，也可以看到这个作品，也就是说成功了。那这次呢，我做出了一个网页版Photoshop的原型，找一些东西放进去就处理处理，然后做一个简易画版，然后再导出或者分享，这都是可以的。这其实对于前端converse是一个比较复杂的过程，我们以前需要了解convers，并且了解这个鼠标驱动的事件，摁下的时候，摁下移动的时候，松开的时候，但现在很多事情就直接就完成了，大大的节省了我们完成代码的过程。

当然你如果想了解根本或者细节，也可以去蓝桥搜索o easy z空格HTML5，我们也发现这个东西最终呢是上传到一个GIHUB上面，那么我们经常听到这个东西GIHUB是什么意思，怎么用呢？我们下次再说。Oh easy, 一家餐。