vue图片上传是以什么形式传到网上的

Vue图片上传是以文件的形式传到网上的。在Vue中，可以通过input标签的type属性设置为file来创建一个文件选择框，用户可以通过该选择框选择本地电脑中的图片文件。当用户选择完图片文件后，通过监听input标签的change事件，可以获取到用户选择的图片文件对象。

获取到用户选择的图片文件对象之后，可以通过FormData对象来创建一个表单数据对象。将图片文件对象添加到表单数据对象中，再通过Ajax请求将该表单数据对象发送到后端服务器。后端服务器接收到表单数据对象后，可以将图片文件保存到服务器的某个路径中。

在前端界面中，使用Vue指令v-bind或简写的冒号:来绑定图片的src属性，将后端返回的图片路径赋值给该属性，从而可以将上传的图片在网页中显示出来。

需要注意的是，Vue本身并没有提供文件上传的组件或方法，因此需要使用第三方插件或自定义组件来实现图片上传功能。常用的插件有vue-upload-component、vue-filepond等。

Vue图片上传通常是以二进制形式将图片传到网上的。

具体来说，当用户选择要上传的图片后，在Vue前端代码中，使用JavaScript的File对象获取到用户选择的图片文件。然后，可以使用FormData对象来创建一个表单，并将图片文件添加到表单中。接着，使用JavaScript的XMLHttpRequest或者fetch等技术，将表单数据发送到服务器。在服务器端，可以通过后台代码接收到这个表单数据，包括图片文件的二进制数据。后台代码可以将这个二进制数据写入服务器上的一个文件，实现图片的上传。

另一种常见的方式是，将图片文件转换为Base64编码的字符串，在Vue前端代码中将这个字符串作为参数发送到服务器。后台代码可以将这个Base64字符串解码为二进制数据，并将其写入文件实现图片的上传。

除了以上两种方式，还可以通过第三方的图片上传服务来实现图片上传。这些服务通常提供API接口，可以通过Vue前端代码将图片数据发送到这些服务的服务器上，然后将图片上传到云端存储服务或者其他存储介质中。

需要注意的是，对于大型图片或者大量的图片上传，可能需要考虑到上传文件的大小限制和网络带宽的问题，以及在服务器端对上传图片进行相关处理和限制，以确保系统的安全性和性能。

Vue图片上传一般是通过将图片转换成二进制数据，然后以FormData的形式传输到后端服务器上。

具体的操作流程如下：

1. 用户选择上传的图片文件：可以通过添加一个文件选择框或者拖拽上传功能，让用户选择本地的图片文件。

2. 将图片文件转换成二进制数据：使用FileReader对象可以将图片文件转换成可读取的二进制数据。通过调用FileReader对象的readAsDataURL()方法，可以将图片文件读取为Base64编码的字符串。可以使用这个字符串来显示图片预览。

3. 使用FormData对象创建表单数据：创建一个FormData对象，并使用append()方法将图片文件添加到FormData中。FormData对象可以将文件以键值对的形式添加到表单数据中。

4. 发送图片数据至后端服务器：使用Vue的axios或者fetch等方式，发送FormData数据到后端服务器。在发送请求时，设置请求头部的Content-Type为multipart/form-data，这样可以指示服务器以多部分的形式接收表单数据。

5. 在后端服务器进行图片处理：后端服务器可以使用各种后端技术来接收并处理FormData数据。根据具体的需求，可以将图片存储在文件系统中，或者将图片存储在数据库中，或者对图片进行进一步的处理。

6. 返回图片的相关信息：后端服务器处理完成后，可以返回图片的相关信息，例如图片的URL地址、图片的唯一ID等。前端可以使用这些信息来显示上传成功后的图片。

总结：
Vue图片上传是将图片文件转换成二进制数据，然后以FormData的形式发送到后端服务器。前端使用FileReader对象将图片文件转换为Base64编码的字符串，创建一个FormData对象，并将图片文件以键值对的形式添加到FormData中。然后使用axios或者fetch等方式将FormData数据发送到后端服务器进行处理。后端服务器根据需求处理图片，并返回相关的信息给前端。这样实现了Vue图片上传。