标签:alt 路径 输入框 pre serialize orm ali tool ada
前端需要循环,可以借助each这个方法
var dic = {‘key1‘:‘value1‘,‘key2‘:‘value2‘}; var lis = [‘1‘,‘3‘,‘2‘]; //each(变量, 方法) $.each(lis, function (index, obj) { console.log(index, obj) }) // 如果传入的变量是对象object(字典),那么方法中的index,和value分别是key和value //key1 value1 //key2 value2 //如果传入的变量是数组array(列表) , 那么方法中的index和value分别是索引和对应的值 // 0 ‘1‘ // 1 ‘3‘ // 2 ‘2‘
// serializeArray 方法可查看出form表单下面普通输入框的标签的内容,选择提交标签不行 res = $(‘#id_form‘).serializeArray(); console.log(res)
获得的标签内容,分别是name和value的值
a. 可以直接输入绝对路径
b. 可以输入url
c. 可以输入图片的二进制文件 (FileRead)
下面为前端input获得图片文件对象然后渲染到其他img标签上的步骤
// 首先,对于一个input标签, 我们想要获得他的文件,首先需要拿到他的js对象 // 然后,.file拿出文件数组,索引0取出文件对象 var file_obj = $(‘input‘)[0].file[0]; // 生成文件阅读器 var fileReader = new FileReader(); // 把文件对象放到文件阅读器中 readAsDataURL fileReader.readAsDataURL(file_obj); // 拿出结果 res = fileReader.result //res 放到img标签的src属性中,就可以渲染出图片了
标签:alt 路径 输入框 pre serialize orm ali tool ada
原文地址:https://www.cnblogs.com/duGD/p/11261885.html