GitHub(一)之图片上传问题

最近写了一个基于VUE-2.3.3版本的BOSS直聘App,在上传至Github时,遇到了一些小问题,下面先介绍图片上传的问题。【 https://github.com/zxNoral/Boss 顺便打个广告 ^_^】

在本地仓库,该项目目录由三个部分构成:boss(vue项目内容),images(插入至readme.md的图片集),README.md(介绍项目内容的文本)。



接下来我将介绍一下我的错误原因以及解决方案:

  1. 起初,我准备在本地直接将images中图片上传至readme.md,这样后续直接推送到github中显示就可以了;其中 在readme.md中插入的图片位置为 (C:\Users\**\Desktop\newBoss\Boss\images\bmy.jpg)。初步想法大致如下图:

     2. 是的,在github的readme中图片没有显示出来!于是,我找到readme.md,发现里面的图片地址显示的是 ![] (C:\Users\**\Desktop\newBoss\Boss\images\bmy.jpg)。我仔细思考了以下,浏览器是无权找到我的PC端信息的,如果可以,我的电脑不就变成共享的了吗?o(╥﹏╥)o

    既然传递的是图片的url地址,那么直接把github仓库的images中的图片显示的url传递给readme不就可以了吗!如下图:

  3.下面放上实验成功的对比图:

    

  

  总的说来,其实就是图片路径问题,不管干啥 做之前尽可能的想清原理,多方面思考啊!(ˇ?ˇ)

原文地址:https://www.cnblogs.com/zx0423/p/12634590.html

时间: 2024-07-31 12:33:57

GitHub(一)之图片上传问题的相关文章

【前端插件】图片上传插件收集

http://tpl.9iphp.com/146.htmlHTML5实现的图片上传预览功能 http://www.dropzonejs.com/ 图片上传预览. http://segmentfault.com/a/1190000000754560HTML5 本地裁剪图片并上传至服务器(老梗) http://elemefe.github.io/image-cropper/图片裁剪 上传 http://veerkat.me/blog/posts/HTML5-tu-pian-shang-chuan-y

JS图片上传预览插件制作(兼容到IE6)

其实,图片预览功能非常地常见.很意外,之前遇到上传图片的时候都不需要预览,也一直没有去实现过.现在手上的项目又需要有图片预览功能,所以就动手做了一个小插件.在此分享一下思路. 一.实现图片预览的一些方法. 了解了一下,其实方法都是大同小异的.大概有以下几种方式: ①订阅input[type=file]元素的onchange事件. 一旦选择的路径被改变就把图片上传至服务器,然后就返回图片在服务器端的地址,并且赋值到img元素上. 缺点:工作量大,有些上传并不是用户最终需要上传的图片,但是这种方式会

包含修改字体,图片上传等功能的文本输入框-Bootstrap

通过jQuery Bootstrap小插件,框任何一个div转换变成一个富文本编辑框,主要特色: 在Mac和window平台下自动针对常用操作绑定热键 可以拖拽插入图片,支持图片上传(也可以获取移动设备上的照片) 依赖于浏览器标准,没有标准代码:工具条和键盘均可定制,并且能够执行任何浏览器支持的命令 首先看一下效果: 接下来,上代码: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta c

vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理

一.前言 三年.net开发转前端已经四个月了,前端主要用webpack+vue,由于后端转过来的,前端不够系统,希望分享下开发心得与园友一起学习. 图片的上传之前都是用的插件(ajaxupload),或者传统上传图片的方式,各有利弊:插件的问题是依赖jq并且会使系统比较臃肿,还有传统的web开发模式 前后端偶尔在一起及对用户体验要求低,现在公司采用webpack+vue+restfullApi开发模式 前后端完全分离,遵从高内聚,低偶尔的原则,开发人员各司其职,一则提升开发效率(从长期来看,短期

Nodejs之MEAN栈开发(四)-- form验证及图片上传

这一节增加推荐图书的提交和删除功能,来学习node的form提交以及node的图片上传功能.开始之前需要源码同学可以先在git上fork:https://github.com/stoneniqiu/ReadingClub 一.form验证 MVC的form验证有三个地方可以做,第一道关就是前端提交之前,第二道关就是在数据保存之前,也就是在controller中做验证,第三道关就是数据保存的时候,也就是如果提交的数据模型不符合实体定义的约束,数据是无法保存的,这是最后一道防线.第一道关主要是依赖于

form验证及图片上传

form验证及图片上传 这一节增加推荐图书的提交和删除功能,来学习node的form提交以及node的图片上传功能.开始之前需要源码同学可以先在git上fork:https://github.com/stoneniqiu/ReadingClub 一.form验证 MVC的form验证有三个地方可以做,第一道关就是前端提交之前,第二道关就是在数据保存之前,也就是在controller中做验证,第三道关就是数据保存的时候,也就是如果提交的数据模型不符合实体定义的约束,数据是无法保存的,这是最后一道防

html5 图片上传,支持图片预览、压缩、及进度显示,兼容IE6+及标准浏览器

原文:html5 图片上传,支持图片预览.压缩.及进度显示,兼容IE6+及标准浏览器 以前写过上传组件,见 打造 html5 文件上传组件,实现进度显示及拖拽上传,兼容IE6+及其它标准浏览器,对付一般的上传没有问题,不过如果是上传图片,且需要预览的话,就力有不逮了,趁着闲暇时间,给上传组件添加了单独的图片上传UI,支持图片预览和缩放(通过调整图片的大小以实现图片压缩). 上传组件特点 轻量级,不依赖任何JS库,核心代码(Q.Uploader.js)仅约700行,min版本加起来不到12KB 纯

plupload简易应用 多图片上传显示预览以及删除

<script> var uploader = new plupload.Uploader({ //实例化一个plupload上传对象 browse_button: 'btnBrowse', url: 'upload.ashx', flash_swf_url: 'Resource/scripts/js/Moxie.swf', silverlight_xap_url: 'Resource/scripts/js/Moxie.xap', filters: { mime_types: [ //只允许上

详细阐述Web开发中的图片上传问题

Web开发中,图片上传是一种极其常见的功能.但是呢,每次做上传,都花费了不少时间. 一个"小功能"花费我这么多时间,真心不愉快. So,要得认真分析下原因. 1.在最初学习Java Web开发的时候,经验不足,属于能力问题,比如对技术认识不到位. 2.图片上传是一类问题,而不是一个问题.   比如,大家都会做饭,但每个人自己做饭是有不同的.做了一个人吃.一家人吃.喜事待客做好几桌,是不同的问题.   同样的,图片上传,是上传一张还是多张,前端的用户体验如何,后端逻辑处理是否正确,图片存