Apicloud——关于上传图片、视频

相当低劣的一篇整理,简直非人类,继整理了第二篇关于上传图片与视屏;

 

最近项目最后,需要一个上传图片和视频的功能,找了一些框架和插件,都不太适用。

自己根据需要写了一个

需求:

读取已有图片实现预览——》实现点击方框动态添加多图,删除,实现预览——》提交,实现图片修改

效果图:

Apicloud——关于上传图片、视频_第1张图片

 

 

代码:

现有问题,写到现在的几篇,其中发的代码都太长了,主要是太懒了没有二次整理,这篇以后就不这样了,

因为发现我回头再看代码的时候,自己都觉得乱,毕竟把它写下来就是为了方便二次记忆学习的,现在这样已经不对了。

今天这个是最长的。

写的比较惨,其中改了好多次,其实上传最终也是对dom的操作,无论删除和添加,图片地址获取到,删除dom节点与添加dom节点就是实现了图片的删除与添加

最后的提交,实现了图片的修改(也就是服务器里面的图片地址的增删改),统一获取有图片的dom节点,获取图片地址 ,最终实现提交。

   1 
   2 
   3 
   4 
   5     
   6     
   7     
   8     业务员-终审上传资料
   9     
  10     
  11     
  12     
  13     
 142 
 143 
 144 
 145 
 146     
 153 
 154     
155 156
157
158
159
借款合同
160
161
162
163 164
165 添加 166
167
168 169
170
171
172
173 174
175
借款合同视频
176
177
178
179 180
181 添加 182
183
184 185
186
187
188
189 190
191 192
193
194
借款居间协议
195
196
197
198 199
200 添加 201
202
203 204
205
206
207
208 209
210
借款居间协议视频
211
212
213
214 215
216 添加 217
218
219
220
221
222
223 224
225 226 229 230 233
234 235 236 347 348 349 460 461 462 640 641 642 768 769
770 771 774 775 776 777 778 779 780 1947 1948

 

转载于:https://www.cnblogs.com/jry199506/p/10341179.html

你可能感兴趣的:(Apicloud——关于上传图片、视频)