django整理

Posted 2022-05-25 dugd

前端

1. js的循环each

前端需要循环，可以借助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‘

 2. 快速获得form标签下的普通输入标签的内容  serializeArray

// serializeArray 方法可查看出form表单下面普通输入框的标签的内容,选择提交标签不行
res = $(‘#id_form‘).serializeArray();
console.log(res)

获得的标签内容，分别是name和value的值

3. img标签中src可输入的三种方式

　　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属性中，就可以渲染出图片了