WebUploaderdemo下载地址

WebUploader是载地址百度FEX团队开源的那个上传组件，GitHub仓库里躺着五千多个star，载地址但真正用起来最让人头疼的载地址，往往是载地址找不到一个能直接跑起来的demo。官方文档写得还算详细，载地址可它只给了代码片段，载地址没给完整项目结构。载地址我见过好几个同事，载地址对着文档折腾一下午，载地址最后卡在引入路径上。载地址

先说官方仓库里的载地址demo。地址是载地址https://github.com/fex-team/webuploader ，你clone下来后，载地址直接进webuploader文件夹，载地址里面有个demo目录，载地址放着imageUpload、fileUpload这些基础示例。但这些demo有个毛病——它们的HTML里直接引用了相对路径的js和css，你得先npm install或者手动把dist目录里的文件拷到对应位置，否则浏览器控制台会报一堆404。我当初第一次跑的时候，就卡在webuploader.css找不到，折腾了二十分钟才反应过来是路径问题。

如果你只是想要一个能立刻拖进浏览器就能跑的最小demo，我建议你直接看这个：https://github.com/fex-team/webuploader/tree/master/demo/imageUpload 。把整个imageUpload文件夹单独拷出来，再下载dist目录下的webuploader.js、webuploader.css，以及第三方依赖（jquery、uploadify的swf文件），跟demo文件夹放在同级目录下。注意，demo里引用的路径是../../dist/，如果你改了目录结构，记得同步修改HTML里的script和link标签。这步做不对，后面全白搭。

还有个更省事的办法，去npm上搜webuploader，装包后node_modules里就有完整的demo代码。但说实话，npm上的版本更新不及时，有时候跟GitHub上的demo对不上，反而容易踩坑。我自己的习惯是直接从GitHub拉zip，然后手动整理文件结构。

再提一个容易忽略的点：WebUploader依赖Flash做兼容，但默认的swf路径是相对路径。如果你直接双击打开HTML文件，浏览器会禁用Flash导致上传按钮干脆不显示。你得用localhost起个服务，或者把swf路径改成绝对路径。我常用python -m http.server 8080起个临时服务，然后访问http://localhost:8080/demo/imageUpload/ ，这样最省事。

下载地址说完了，但我想多嘴一句：官方demo其实挺粗糙的，UI样式基本是裸的，你拿它当功能验证可以，真要拿来改业务，不如去GitHub搜webuploader-demo，有些个人开发者整理的项目反而更完整，比如带上传进度条、多文件队列管理、甚至断点续传的版本。我自己就收藏了一个带完整后台接收脚本的demo，配合Node.js写的服务端，前端改几行配置就能直接用于生产环境。

最后提个醒，WebUploader已经很久不更新了，官方仓库最后提交停在两年前。如果你是新项目，建议考虑用原生XMLHttpRequest封装或者其它维护更活跃的库。但如果你接手的是老项目，那WebUploader的demo地址还是得存一份——毕竟你永远不知道生产环境里那套老代码依赖的是哪个版本的坑。