请教一个多图片与表单数据一起提交的问题 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
juju
V2EX    问与答

请教一个多图片与表单数据一起提交的问题

  • &nsp;
  •   juju 2016-06-19 10:13:21 +08:00 3040 次点击
    这是一个创建于 3406 天前的主题,其中的信息可能已经有所发展或是发生改变。

    ###现在后台管理项目有这样一个需求,在整个表单中除去用户输入自己个人基本信息之外还需要上传一张自己的头像,另外还需要在另一个选择框选择自己的生活照。

    *需要选择图片以后 可预览 可删除 可继续选择; *选择的图片应该与表单数据一起提交至服务。

    目前我采用的 百度图片上传控件 webupload 解决方法是选择完图片以后需要点击一个单独的上传按钮,上传成功以后再接收返回回来的路径, set 在一个隐藏 input 框,最后和表单一起提交。

    不知道大家有什么好办法

    第 1 条附言    2016-06-19 13:10:15 +08:00
    大家不要再回复了,下午休息一下,我自己写个图片上传 demo 开源出来
    5 条回复    2016-06-19 13:20:24 +08:00
    xiongbiao
        1
    xiongbiao  
       2016-06-19 10:46:05 +08:00
    multipart/form-data
    juju
        2
    juju  
    OP
       2016-06-19 12:53:37 +08:00 via Android
    @xiongbiao 是我描述问题不够清楚吗? 做了一年前端会不知道加 multipart/form data?
    qiayue
        3
    qiayue  
    PRO
       2016-06-19 13:01:05 +08:00
    你要是不怕服务器被上传太多临时文件,并且占用太多带宽的话,你可以用户选择图片之后自动上传到一个临时目录,然后用户提交之后,再把用户最后提交的图片从临时目录移动到你真正要上传的目录,同时定期清理临时目录。
    juju
        4
    juju  
    OP
       2016-06-19 13:08:25 +08:00 via Android
    @qiayue 嗯,您说的我想过,周五和客户聊,他不太接受这种方式。尤其是需要修改替换某张图片时,更麻烦。
    qiayue
        5
    qiayue  
    PRO
       2016-06-19 13:20:24 +08:00
    又仔细看了一下你的正文,你可以在提交表单的时候,先调用图片上传控件上传图片,等返回结果后再提交表单
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5302 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 30ms UTC 05:47 PVG 13:47 LAX 22:47 JFK 01:47
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86