2017-11-25 14:30:14 1877次浏览 1条回答 0 悬赏 100 金钱

场景如下:
一个巨复杂的表单,内有10个常规输入框(textInput, textArea, select ...), 和 5个文件上传(fileInput),混合在一起

要求:
现在想使用oss(阿里云),在这种复杂的表单下,想直接把图片传递到oss的服务器(不通过Web服务器直接传递到oss然后callback更新db服务器上的数据),10个常规输入内容传递到 web服务器,是否能给出靠谱的建议,最好是心得。

思路:
拆成N个form,把10个常规输入指向同一个地址,5个file指向另外的地址,不只是否可行?
类似

<form><input/> ....</form> <form><fileInput/> ....</form> <form><input/> ....</form>

  • 回答于 2017-11-27 09:14 举报

    不需要搞这么多form,后期维护是个灾难。

    用一个form就可以了。upload上传就使用AJAX(得到OSS返回的图片地址,存在到文本域里)。
    然后再表单提交。如果需要提交上传图片路径可以做隐藏文本域存放OSS上传的图片地址。
    你所谓的地址就是提交到后台。
    5个file可以通过ajax调用。

    1整理表单(一个form,再这个FILE上传图片地址)--->2整合数据(把所有需要的数据整合在一个form表单里)---->3提交数据

    4 条回复
    回复于 2017-11-27 09:32 回复

    楼上 正解

    回复于 2017-11-28 11:31 回复

    截断dom事件用ajax来做图片上传是一个好的diea,但是感觉并不够完美,如果出现网络异常,或者上传文件过大 之类的需要feedback的场景如何操作呢?

    回复于 2017-11-28 14:52 回复

    OSS挂载

    回复于 2017-12-03 14:02 回复

    OSS挂载 什么意思?

您需要登录后才可以回答。登录 | 立即注册
BoyLee
总监

BoyLee

注册时间:2011-03-10
最后登录:2019-12-26
在线时长:20小时5分
  • 粉丝22
  • 金钱2810
  • 威望150
  • 积分4510

热门问题