利用HTML5 file api读取图片进行本地操作

需求场景：需要用户上传一张照片，返回给用户一个唯一的结果，比如测试类网页你拥有哪种女人气质？（移动端）其实这种需求（不需要保存图片）的话，只需要在本地处理图片即可，不需要将图片上传到服务器。计算图片的md5值可以确保唯一性。针对这个需求，可以使用HTML5 file api来读取文件。实现方法如下：document.getElementById("file").addEve

业界 2016年06月28日

Axure高保真教程：上传本地图片

上传图片是常见功能之一，但是Axure里没有上传图片的元件，因此，若想画出高保真的上传图片原型，我们则需要另想方法。本篇文章里，作者介绍了利用代码制作上传图片原型模板的操作流程，不妨来看一下，也许会对你有所帮助。上传图片可以说是每个系统必备的功能，包括上传头像、发送图片、上传商品图片……都需要用到上传图片的功能。我们在画产品原型的时候，也常常需要画出上传图片的效果

原型设计 2021年09月06日

Axure高保真教程：上传本地图片

上传图片是常见功能之一，但是Axure里没有上传图片的元件，因此，若想画出高保真的上传图片原型，我们则需要另想方法。本篇文章里，作者介绍了利用代码制作上传图片原型模板的操作流程，不妨来看一下，也许会对你有所帮助。上传图片可以说是每个系统必备的功能，包括上传头像、发送图片、上传商品图片……都需要用到上传图片的功能。我们在画产品原型的时候，也常常需要画出上传图片的效果

原型设计 2021年09月14日

如何在Web端设计上传图片（1）：上传单张图片

在Web网页中常常遇见图片上传，上传图片的应用场景场景在个人信息中（比如：上传个人头像）、信息反馈（比如：淘宝的订单评价）、社交场景（比如：上传图片发朋友圈）。

产品设计 2023年07月22日

如何在Web端设计上传图片（2）：上传多张图片

上一篇介绍了上传单张图片，这一篇介绍上传多张图片。一、需求场景在社交场景中，用户常常会主动的用图片去交流，有时候大量的文字效果还不如几张图片来的直接，尤其是

产品设计 2023年07月22日

Axure高保真教程：上传本地图片

上传图片可以说是每个系统必备的功能，包括上传头像、发送图片、上传商品图片……都需要用到上传图片的功能。我们在画产品原型的时候，也常常需要画出上传图片的效果，但

原型设计 2023年07月31日

原型说明咋写-拖拽上传图片

步骤一：约定规范如图，与开发、UI约定组件规范，并维护在独立文档中步骤二：使用模板如图，Axure可将带说明的通用组件置入元件库，出原型时使用；开发看到组件，则

产品经理 2023年12月24日