首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js实现本地上传图片预览

在做网站系统时经常会用到图片上传功能,用户往往希望能看到自己上传图片的样子,有的人是采用将图片上传到服务器之后再回显到页面,这种方式在无形之中增加了服务器的运行压力,因为如果用户感觉不满意还会再次上传图片...为了减轻服务器压力,我们通过js来实现本地图片上传预览功能,不经过服务器就实现预览效果。...file" name="file" id="doc" style="width:150px;" onchange="javascript:setImagePreview();"> 上面这部分代码是页面上传按钮和显示图片的区域...接下来请看js控制代码 function setImagePreview(avalue) { var docObj=document.getElementById("doc"); var imgObjPreview...} imgObjPreview.style.display = 'none'; document.selection.empty(); } return true; } 这样我们就实现了本地图片上传预览功能

8K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    js拖拽上传图片

    有时候,在开发中,需要遇到拖拽上传图片的需求,即从磁盘选中一张或多张图片,然后按着鼠标把图片拖动到页面上指定的区域,实现图片上传。...1、后端上传图片的接口 我是之前用vue写一个简单的后台系统的时候,用Java的SpringMVC+MyBatis的框架写了一个简单的后台管理的一些接口,刚好有一个上传用户头像的接口,该接口是把上传后的图片存储在另外一台...Tomcat下,这里就直接使用这个接口来上传图片。...ie=edge"> Document <script src="https://cdn.bootcss.com/jquery/1.12.0/jquery.<em>js</em>...里面用的formData对象来<em>上传</em><em>图片</em>的,该对象的作用是:   1、用一些键值对来模拟一系列表单控件,即把form中所有表单元素的name与value组装成一个queryString;   2、异步<em>上传</em>二进制文件

    18.2K30

    SublimeText 粘贴图片保存本地

    在写 Markdown 时,比较难的是把图片粘贴保存本地,或上传到服务器。 本文提供一个简单的方式可以把剪贴板的图片粘贴保存本地。...[](image/文件名/文件名0.png) 如果需要修改保存的文件路径,那么需要修改 ImagePaste.py 文件,在开始修改,希望你有一些 py 开发的经验,如果没有的话,可能看不懂我在写什么...保存的路径在 get_filename 函数里面写,所以打开 get_filename 函数可以看到下面代码 def get_filename(self): view = self.view..." + abs_filename + "\nrel " + rel_filename) return abs_filename, rel_filename 这里的 gitbook_dir 就是用来保存图片的绝对路径...fn_without_ext, fn_without_ext, i))可以拿到合并了image文件夹和fn_without_ext去掉后缀名的文件名作为文件夹的相对路径,所以里面的修改就十分简单了 例如我需要把代码修改保存

    1.9K20

    SublimeText 粘贴图片保存本地

    在写 Markdown 时,比较难的是把图片粘贴保存本地,或上传到服务器。 本文提供一个简单的方式可以把剪贴板的图片粘贴保存本地。...[](image/文件名/文件名0.png) 如果需要修改保存的文件路径,那么需要修改 ImagePaste.py 文件,在开始修改,希望你有一些 py 开发的经验,如果没有的话,可能看不懂我在写什么...保存的路径在 get_filename 函数里面写,所以打开 get_filename 函数可以看到下面代码 def get_filename(self): view = self.view..." + abs_filename + "\nrel " + rel_filename) return abs_filename, rel_filename 这里的 gitbook_dir 就是用来保存图片的绝对路径...fn_without_ext, fn_without_ext, i))可以拿到合并了image文件夹和fn_without_ext去掉后缀名的文件名作为文件夹的相对路径,所以里面的修改就十分简单了 例如我需要把代码修改保存

    83540
    领券