上传图像使用下js

德夫兰里

我一直在尝试上传图片 从我的下js应用使用App路由器版本如果有人能帮我查一查 我会很高兴

云型SAM

顿evlanrey乐于帮助你使用Next.js应用应用App路由器版本Lext.js上传图像一步步走过进程

开工第一,确保你从云名中拥有必要的证书, 特别是云名、API密钥和API密钥需要这些验证请求//www.aaaalireno.com/documentation/cloudinary_credentials_tutorial

二叉确定您的Next.js应用中安装了与云共事所需的依存可使用复用包更容易整合//www.aaaalireno.com/documentation/react_integration

3级内下.js应用创建文件处理图像上传视项目搭建而定,这可能是API或普通无服务器函数举个例子假设你使用API路径

4级API路径文件内(例如`/pages/api/upload.js')导入必备模块和云配置

5级执行逻辑处理图像上传通常需要从前端接收图像,使用表单或其他方法,然后用SDK发送云

简单例子说明API路径文件可能长得像

javascript///pages/api/云性.config({云性_name:YOUR_CLOUD_NAME),api_key:YOUR_API_KEY,api_secret:YOUR_API_SEST)导出默认函数处理器(req/method+POST){costfileStr=req.body//假设图像从前端测试base64串 {/上传图像到云信上传Response=等待云端.上载器//发送上传图像URL回前端s.status(200)json({imageURL:上传Response.security_url}){//处理上传过程控制台中可能出现的错误.erorRes.status(500).json({错误:图像上传时出故障)}{s.status(405)+/方法不允许

记住用实际云证书替换YOUR_UBOAD_PRESET

前端端可请求ALI路径并带图像数据上传可使用FetchAPI、Axios或任何其他库执行请求

请注意,这是一个基本例子,在现实应用中,你可能需要添加更多错误处理、验证和安全措施

执行期间遇到具体问题或有更多问题时,可自由查询。欢乐编码

德夫兰里

我尝试过这个方法并产生错误处理器'方法不允许'

SreeCloudi

Hievlanrey,

感谢响应当请求没有合适的动词(GET、POST、PUT等)时返回“方法不允许”。setrod传到函数上时,请检验值是什么

谢谢

斯里

德夫兰里

POST方法