00:00
来,下面我们来看一下我们现在的。图片是怎么上传看一下,就是我要往这个编辑器里面添加图片,该怎么添加,那首先肯定是要点这个是不是那点它了,这是最终的效果。我点我的这个现有的。不是有一个事情啊,我没有切换那个。或者切换到我们的第一位。分之。默认是没有的。嗯,它默认纸质是什么呢。你给我指定一个图片的地址。我把那个图片插到里面去。听懂我说的意思吧。来试一个试试一个啊,试一个。啊,很简单,就这不有一张图片吗?
01:03
他不有个图片地址吗。这就四张图片地址吧,我就把这个图片地址给他看看行不行啊。来试一下才知道啊,把图片地址给他。给他吧。现在还可以指定宽高,能听到吧,指定高度和宽度啊,当默认是自动的,就是原始的大小显示,就用默认的点击什么。爱的,听见没有?听见了吧,这能听到不可以。啊,还可以进行嗯左呃左对齐中居中和右对齐啊的一些操作。好。那现在你看我可以点击啊,当然我这个还没做啊,我还没真正去做那个提交的操作。好。
02:00
那这是我们现有的,你看最终的。点它这里面是不是多了一项啊。是吧,那也就是说在这里面是不是可以去指定。某一个图片。那指定某一个图片,当然这个图片本来是本地的吧。这背后是不是要先把图片上传,产生一个URL以后是不是才能显示啊?啊,这个问题是我没有去指定那个什么呢,指定他必须得指定这个提示的文本啊,比如说我就写个image吧,点击添加有没有。是不是可以?这能听懂不啊,能听懂,但这个问题就是跟我的这个区别在于,它应该指定是mean he,而这个指定是什么?嗨,固定的高度是吧,固定的高度好。那怎么做到了,你自己想,那肯定想不出来的。
03:01
啊,就得还是得去看文档,看看例子有没有现成的类似的。我们的用是不是啊,其实是有的,它这个地方啊,这个是不是就有这个效果。你去看前面所有的都没有。都是一个URL的形式,看到了吗?那这个支持文件上传的这种怎么做的呢。那首先啊,需要去写一个。这个。其实就是把它搬过来试一试就行。这些上面的所有的样式,这些东西它是指定那个工具栏的,就上面的那个工具栏,这些都不要,就主要重点是它。指定的配置,这里面有一个什么。是不是毁掉函数,这个回调函数用来干嘛的呀?上传图片吧。能听懂不,那这个时候我们啊,我们的写法应该这么写,写个Z点它,那我是不是应该在这个上面定义一个这样的方法。
04:11
呃,这个方法在这里面肯定是有的啦。那不就他吗?就这个方法来。把它给弄大一点啊。看好了。当这个得稍微改造一下,这个方形不用是吧,接着来个什么是不是建函数。好,在这里面看这样子应该必须返回一个,返回一个promise对象。必须得返回一个promise对象,而这个在promise内部干嘛去了?那肯定是需要发上传图片的请求了。那发的是个POS请求,这是不是用原始的语法写的?嗯,然后他们就快速变形了,那这一个写多少呢。
05:04
我们是不是有专门上传图片的接口来着,有没有有我们专门上传图片的那个接口的地址是多少啊?这个记住也不能写那个端口号是不是同理,好接着这个不用啊,这个不用,接着呢,它是用一个form data来去携带我的数据,诶刚好跟名字,我跟名字一样是不是。我的参数名是不是就这个名字,而这个费就是我指定的稳定对象了。我不只印了一张一张图片文件吗?这是什么?发送数据吧,接着是不是绑定了监听,而这一个监听是在成功的时候就会调用。啊,而此时得到的这个response是谁?前面我们是不是说过这个事的。也就是说,我们来选择一张图片给大家演示一下。
06:02
返回的数据就是这个样子的。那当前我的这个response它不解析成阶层数据了吗?啊,这个数据就是他。就是这个。需要的是谁?URL。能听懂吧,需要的是因为他拿着U万二这边显示嘛。那好啦。那我们就来去取出什么呢?Count的ul等于什么呢?Response,点还不够点ul。这个是不是得到图片地址对吧。后面啊,我其实啊,这个东西啊,也没人教我,我是自己在测啊,我就我当时我就是这么想了一下,这个是不是指定成功的数据,我这个图片过啊。上面是不是说出错了,就一个失败的一个原因数据是不是啊。
07:06
现在问题来了。啊,我当时就这么搞,后来发现不对。啊,不对,并不是我请求没有成功。我们可以试一下就能知道请求到底有没有成功,是不是一试便知,看network是不是就能知道到底到时候请求有没有成功是吧?来,我们来去操作一把。啊,点一下它,诶是不是多了一个选项了,因为我刚才配置image嘛,是不是啊,接着我是不是选择一张图片,大家看到fairupload已经有成功的响应了吧。是吧,但是呢。他有出现一个好的结果吗?没有。啊,没有啊,比如说我在里边啊,这个时候啊。但是文档主要是把这个文档里面的这个东西,他没有去告诉我。
08:03
告诉我没有告诉我一个什么信息呢,这个说一个啊,他确实这么做了也了这个response,这个response到底什么结果,他告诉我了吗。没有,我知道这个里面肯定要包含一个意外啊,这必然的能听到,不必然要包含一个意外啊,但是。就直接是URL吗?不是,至少我们刚才说的传那个UR不对。你说我下步该怎么办?我总重要说这个事情,我下步该怎么办?啊,其实这个这个本身的意义不算说特别大,就是我现在该怎么办了,我现在看着文档看例子搞不出来了。对吧,咋办呢?看起来,那当然你也可以去看一下这个里面对不对,可以看这这里面根本就没有关于那个图片上传的一些东西。
09:02
那有两个选择,一个你就翻译源码去。那这个肯定是难度比较大的。能听懂不,原版里面肯定有去涉及到你reserve的时候,你这个地方,你这个里面。肯定会有去涉及到读取这个数据,展现图片的一个操作,但是你这个难度就稍微工程量就比较大了,对吧。我们现在应该怎么样去找啊?我就想找到一个解决办法。那个文档例子都现在搞不出来,因为主要是那个例子里面没有告诉我他响应数据到底是个什么格式。是不,我刚才推测是不是就传一个UR。但是后来发现什么?这不对。那咋办呢?干嘛?百度啊好,现在问题就是百度什么东西,是不是百度什么东西,这个是关键啊,百度什么东西呢。
10:03
就关键字写什么。啊。首先我们是在用哪个库?我们现在是不是要用这样一个库,大家看好了,是不是用这个库。能听到吗?能听到。啊,那这个地方,我们这个地方,你看到这里面有个提示叫上传图片是吧,我们可以一试吧。这能听懂吧?啊,有的,这里面是不是就有人在说如何来上传图片是吧,那就把它打开是不是可以看了啊,或图片上传功能等等什么的。啊,这里面是不是就写了一些东西是吧?嗯,看看它这里面就好,你看这不就是刚才那个例子上的东西,这个没用,是不是这就例子上的一样的。这是没拿到数据,我们有数据。
11:02
嗯,重点就在于怎么传一个什么格式的数据啊,诶这里有一个。这有一个要传一个对象,对象里面有个什么属性,对对什么结构。对象和对象里面有个什么link,这个link我想应该是这个意外啊。能听懂意思不,那就说我应该是把这个。战过去。嗯,粘过去啊,复制粘贴不丢人啊,只要搞成功了。啊好,那此时我要做的事情啊,就是在这里面。整它是不是这一个宁可的值,是我的一个什么?UR。能不能听到?啊,能听到好,来我们来看一下,看看是不是这样的。来注意来看一下啊。
12:03
来我们来去一试就知道了呗,选中一张图片是吧,这里面诶有有成功的迹象啊,有成功的就是这里面需要去指定一个提示文,随便写一个啊,现在点击添加有了吗。就对了,就是这个意思。啊,其实本身这个啊,你说我对你有多大意义不对,主要是刚才我们要想到啊,先是根据文档,根据文档例子去做,不行了,百度百度的设计关键东西,关键字写上。这能听懂吗?嗯,OK,好,这样我们的这个就可以做了,那现在我点提交的时候,是不是实际上已经可以收集数据了,对吧,可以进行数据的收集了,其实他是不是收集到了一些数据了。你看这里面是不是指定了一个image看到了。嗯。
13:02
好,这是这个。
我来说两句