About Image uploader
0.1.9 • Public • Published 4 years ago ReadmeCode Beta1 Dependency2 Dependents10 Versionsvue-ele-form-image-uploader | vue-ele-form 的图片上传扩展组件介绍vue-ele-form-image-uploader 做为 vue-ele-form 的第三方扩展, 通过对 vue-ele-upload-image 的封装, 大大增强的上传图片的功能, 包括 单张图片模式/多张图片模式/拖拽上传/裁剪上传 的特性安装npm install vue-ele-form-image-uploader --save使用import EleForm from 'vue-ele-form'import EleFormImageUploader from 'vue-ele-form-image-uploader'// 注册 ele-formVue.use(EleForm, { // 对所有具有上传属性的组件适用 upload: { fileSize: 10 }, // 可以在这里设置全局的 image-uploader 属性 // 属性参考下面的 #attrs 'image-uploader': { action: ' // 上传地址 }})// 注册 image-uploader 组件Vue.component('image-uploader', EleFormImageUploader)formDesc: { xxx: { label: 'xxx', // 只需要在这里指定为 image-uploader 即可 type: 'image-uploader', // 属性参考下面的 #attrs attrs: { action: ' // 上传地址 data: {token: 'xxx'}, // 附带数据 // 上传后对响应处理, 拼接为一个图片的地址 responseFn(response, file, fileList) { // 根据响应结果, 设置 URL return ' + response.id } } }}示例template> el-card header="ele-form-image-uploader 演示" shadow="never" style="max-width: 1250px;margin: 20px auto;" > ele-form :form-data="formData" :form-desc="formDesc" :request-fn="handleRequest" @request-success="handleSuccess" /> el-card>template>script>export default { data () { return { formData: {}, formDesc: { avatar: { label: '头像', type: 'image-uploader', attrs: { fileSize: 3, action: ' responseFn (response, file) { return file.url } } }, covers: { label: '封面', type: 'image-uploader', attrs: { drag: true, // 多张 action: ' responseFn (response, file) { return file.url } } } } } }, methods: { handleRequest (data) { console.log(data) return Promise.resolve() }, handleSuccess () { this.$message.success('提交成功') } }, mounted () {}}script>style>body { background-color: #f0f2f5;}style>attrs属性具体含义, 请参考: vue-ele-upload-imageattrs: { // 响应处理函数 responseFn: Function, // 是否剪裁 crop: { type: Boolean, default: false }, // 裁剪高度 cropHeight: { type: Number }, // 裁剪宽度 cropWidth: { type: Number }, // 图片显示大小 size: { type: Number, default: 150 }, // 大小限制(MB) fileSize: { type: Number }, // 是否显示提示 isShowTip: { type: Boolean, default: true }, // 弹窗标题 title: String, // 图片懒加载 lazy: { type: Boolean, default: false }, // 文件类型, 例如['png', 'jpg', 'jpeg'] fileType: { type: Array }, // 缩略图后缀, 例如七牛云缩略图样式 (?imageView2/1/w/20/h/20) // 如果存在, 则列表显示是加缩略图后缀的, 弹窗不带缩略图后缀 thumbSuffix: { type: String, default: '' }, // 上传地址 (同官网) action: { type:
Key features of the Image uploader that are enabled through these drivers include:
- Upload‑Lift Image Upload - Upload-Lift Image Upload - Shopify
- Image Uploader - скачать бесплатно Image Uploader
- Drag’n’drop Image Uploader – react-images-uploading
- Image Upload No Login Required for Image Upload
- Image Upload - Simple Free Image Hosting - Image Upload
- Mighty Image Uploader - Highly Customizable Image Uploader
- GitHub - xuweilu/wx-image-uploader: An image uploader for
Webfork Posts: 10837 Joined: Wed Apr 11, 2007 8:06 pm Location: US, Texas Contact: Re: Image Uploader #2 Post by webfork » Thu Apr 28, 2011 5:16 pm guinness wrote:Tested: Not PortableImage Uploader - free application for Windows that allows you to upload files to image/file hosting servers without necessity to visit their websites. Program was released under GPL v3. Aw, bummer... would have been useful. Thanks for checking. joby_toss Posts: 3045 Joined: Sat Feb 09, 2008 9:57 am Location: Romania Contact: Re: Image Uploader #3 Post by joby_toss » Sat Oct 01, 2011 8:12 pm I've just tested version 1.2.7RC-build-4173-portable.The most important settings (for portability) are saved in Data sub-folder, but some unimportant ones are still being written into the registry (context menu integration, auto-start with system). So I think it is portable but not stealth.I've still filled a issue-form on its homepage: ... q=portableI like this app very much! Edit: submitted issue was accepted by the author, so I guess it will be also stealth soon! webfork Posts: 10837 Joined: Wed Apr 11, 2007 8:06 pm Location: US, Texas Contact: Re: Image Uploader #4 Post by webfork » Sun Oct 02, 2011 2:12 pm Thanks for following up. The more developers who know that portability / stealth capability is important to users, the better. webfork Posts: 10837 Joined: Wed Apr 11, 2007 8:06 pm Location: US, Texas Contact: Re: Image Uploader #6 Post by webfork » Sat Nov 19, 2011 2:39 pm Wow, a successful test, followup, and developer response. A successful appeal to developers to put out a portable version is probably more common than I think, but its nice to see it play out from beginning to end here in the forums.Nice work, Joby. joby_toss Posts: 3045 Joined: Sat Feb 09, 2008 9:57 am Location: Romania Contact: Re: Image Uploader #10 Post by joby_toss » Sat Feb 22, 2014 1:18 pm @Webfork - this is not true:Image Uploader enables the upload of files to image and file hosting servers using their respective website interface. webfork Posts: 10837 Joined: Wed Apr 11, 2007 8:06 pm Location: US, Texas Contact: Re: Image Uploader #11 Post by webfork » Tue Feb 25, 2014 5:07 pm joby_toss wrote:@Webfork - this is not true:Image Uploader enables the upload of files to image and file hosting servers using their respective website interface.I goofed. Thanks for pointing that out. webfork Posts: 10837 Joined:
