首先在guan 网下载jQuery，共有两个版本。Production version - 用于实际的网站中，已被精简和压缩。Development version - 用于测试和开发（未压缩，是可读的代码）。把 jQuery 添加到您的网页。
公司主营业务：成都网站建设、网站设计、移动网站开发等业务。帮助企业客户真正实现互联网宣传，提高企业的竞争能力。创新互联建站是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化，感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联建站推出青云谱免费做网站回馈大家。
使用步骤如下：jQuery给放到一个文件夹里面，方便我们待会引用这个jQuery，这里我就放到我项目的js文件夹里面。然后我们来开始编辑HTML界面代码。使用script标签把jQuery引入到我们的HTML界面。
首先，下载jquery。下载地址：http：//hovertree点抗 /hvtart/bjae/b8627323101a499htm，一个是压缩版本，一个是未压缩版本，如果在开发测试阶段，可以使用未压缩版本，实际应用一般使用压缩版本(min)。然后就在页面上引用。
jQuery的插件使用方法具体步骤如下：调用库文件 使用jQuery必须链接jQuery的库文件，无论是压缩版还是正常版，必须至少在网页中链接一个，如： 调用Jquery插件 应用做好的jQuery插件效果。
代码简单明了，无需编写多行代码即可实现复杂功能。有助于提高应用程序的性能。它有助于开发大多数浏览器兼容的网页。它有助于实现与UI相关的关键功能，而无需编写数百行代码。
由于这个原因，jQuery提供了一种指定何时触发的方法。click方法可以创建一个在按下指定按钮时调用的进程。
1、方法就在JS代码里先创建一个a标签然后将需要解析的URL赋值给a的href属性，然后就得到了一切我们想要的了。
2、用JS对URL进行编码和解码 JavaScript中有三个可以对字符串编码的函数，分别是：escape，encodeURI，encodeURIComponent，相应3个解码函数：unescape，decodeURI，decodeURIComponent。
3、修改JQuery代码只需要简单的将JQuery的代码加以修改，加上charset=UTF-8就可以了，这样不需要改变改什么web.config或什么在页面中改编码什么的了，也不需要用escapc(str)再在服务端解码。英文怎么传递，中文也怎么传递。
4、它只对非字母数字的字符借助utf-8或gbk来编码。
imgCropperData是我定义的判断图片格式的。2，在mounted里面初始换裁剪框methods的方法比较多，包括创建URL路径，input框change事件，canvas画图，确定提交上传。我还加了取消事件函数，判断上传文件的类型和大小。
加载图片比较简单，首先是创建一个Image对象并监听器onload事件(因为加载的图片有可能是跨域的，因此要设置其crossOrigin属性为Anonymous，然后服务器上要设置Access-Control-Allow-Origin响应头)。
实现后的界面： 主要是两个文件，封装的上传组件和具体的ui页面，上传组件代码下面有列出来。这两个页面的代码放到github上了： https：//github点抗 /shady-xia/Blog/tree/master/vue-webuploader 。
同时html5崛起，提供了很多的api操控，可以在前端使用原生的api实现图片的处理，这样可以减少后端服务器的压力，同时对用户也是友好的。
有时候 我们不能去决定用户 上传图片的大小，那么我们就只能把用户上传的图片，压缩一下在传给后台，减少资源的消耗。
这篇文章给大家介绍的内容是关于vue.js图片如何转Base64上传图片并预览，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
